Bonjour, je suis en train de refaire le design de mon site que j´avais précédement codé d´une façon vraiment pas juste. cette fois ci j´aimerais bien réussir à faire un joli code. je viens de commencé et j´ai déja un problème. je m´explique je voudrais arrivé a ce résultat pour le haut
http://lutix.site.voila.fr/design.bmp mais quand je commence a codé j´arrive à cela sans avoir choisi le positionnement du menu! je comprend pas pk il se place là alors que je lui ai pas encore dis ou il devait.
http://lutix.site.voila.fr/test.html comment faire pour le centrer? et choisir ca hauteur (dans ce cas si je veux le monter je serais obliger de mettre des margin négative)
voila mon code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>.::LutiX::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
body{
margin:0;
width:100%;
}
- conteneur{
margin:auto;
width:800px;
}
- menu{
}
li.menu_top {
display:inline;
width:100px;
height:37px;
float:left;
line-height:37px;
background:url("menu.gif");
}
.menu_top a {
font-family:Trebuchet MS;
color:white;
font-weight:bold;
font-size:8pt;
text-decoration:none;
text-align:center;
display:block;
width:100px;
height:37px;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="header">
<img src="header.bmp" border="0" alt="" />
</div>
<div id="menu">
<ul >
<li class=´menu_top´><a href="#">Lien</a></li>
<li class=´menu_top´><a href="#">Lien</a></li>
<li class=´menu_top´><a href="#">Lien</a></li>
<li class=´menu_top´><a href="#">Lien</a></li>
<li class=´menu_top´><a href="#">Lien</a></li>
<li class=´menu_top´><a href="#">Lien</a></li>
<li class=´menu_top´><a href="#">Lien</a></li>
</ul>
</div>
</div>
</body>
</html>