dac scuse moi j'avais oublié
voilà le lien :
http://perso.wanadoo.fr/clubgta/test.htm
voilà mon code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design gris" href="styles.css" />
</head>
<body>
<div id="en_tete" align="center">
</div>
<div id="barre">
</div>
<div id="menu">
<div class="menu_element">
<h3>Le jeu</h3>
<ul>
<li>L'histoire</li>
<li>Les persos</li>
<li>Les véhicules</li>
<li>Les armes</li>
</ul>
</div>
<div class="menu_element">
<h3>La soluce</h3>
<ul>
<li>Les cartes</li>
<li>Les codes</li>
<li>Les astuces</li>
<li>La soluce complète</li>
<ul>
</div>
</div>
<div id="corps">
<h1>Bienvenue sur Clubgta</h1>
<p>
Je vous souhaite la bienvenue sur Clubgta !<br />
Ce site va surtout parler de GTA Vice City : codes, astuces, images,... seront au programme.<br/>
Une rubrique téléchargements devrait aussi faire son apparition avec des véhicules, des skins,....<br/>
Si vous avez des questions, vous pourrez les postées sur le forum ou me les envoyées<br/>
Comme vous aurez put le remarquer ce site est encore en construction mais devrait bientôt être finalisé.
</p>
</div>
<div id="pied_de_page">
<p>Copyright "Clubgta" 2005, tous droits réservés</p>
</div>
</body>
</html>
Voilà mon code CSS :
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #CCCCCC;
border: 2px solid black;
}
#en_tete
{
width: 670px;
margin: auto;
height: 100px;
background-image: url("images/header.gif");
background-repeat: no-repeat;
margin-bottom: 10px;
margin-top: 10px;
}
#barre
{
width:610px;
height: 49px;
background-image: url("images/barretest.gif");
margin-top: 10px;
margin-bottom: 10px;
background-repeat: no-repeat;
}
#menu
{
float: left;
width: 111px;
height: 507px;
background-image: url("images/menu.gif");
background-repeat: no-repeat;
border-bottom:2px #000 solid;
margin-top: 10px;
margin-bottom: 10px;
}
.menu_element
{
background-color: #CCCCCC;
margin-top: 40px;
margin-left:8px;
width: 90px;
border: 1px #000 solid;
}
.menu_element h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.menu_element ul
{
list-style-type: none;
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.menu_element a
{
color: black;
}
.menu_element a:hover
{
background-color: #B3B3B3;
color: black;
}
#corps
{
margin-top: 20px;
margin-right: 10px;
margin-left: 140px;
margin-bottom: 10px;
padding: 5px;
background-image: url("images/contenu.gif");
background-repeat: repeat;
border: 2px solid black;
background-attachment: fixed;
}
#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
#pied_de_page
{
padding: 5px;
text-align: center;
background-image: url("images/pied_de_page.gif");
height: 50px;
clear:both;
}
a
{
color: black;
}
a:hover
{
background-color: #B3B3B3;
color: black;
}
Merci pour ta réponse et encore désolé