je vaux faire un menu en liste, aligné.
Mais sa décale tout mon site ?
si je retire le float left du ul sa fonctionne
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>CSS TEMPLATE 02a</title>
<link rel="stylesheet" media="screen" type="text/css" href="css/test.css" />
</head>
<body>
<div id="logo">logo</div>
<div id="barreTitre">
<ul>
<a href="?page=actualites">
<img class="menuInformatifImg" src="img/picto_actu.png" alt="actualité" />
» Actualités
</a>
</li>
<li> </li>
<li>
<a href="?page=faq">
<span class="menuInformatifImg"><img src="img/picto_faq.png" alt="faq" /></span>
» Vos questions
</a>
</li>
</ul>
</div>
<div id="menu">
<h1>Titre 1</h1>
<p>
menu<br>
menu<br>
menu<br>
menu<br>
menu menu menu menu menu menu menu menu menu <br><br>
</p>
</div>
<div id="content">
<h2>Titre 2</h2>
<p>content content content content content content
content content content content content content content content </</p>
<p>
contenu contenu contenu contenu contenu contenu contenu contenu contenu <br />
contenu contenu contenu contenu contenu contenu contenu contenu contenu <br />
contenu contenu contenu contenu contenu contenu contenu contenu contenu <br />
</p>
</div>
<div id="piedPage">
pied de page
</div>
</body>
</html>
Code : Tout sélectionner
html {padding:0px;margin:0px;}
ul{list-style:none; }
body {}
#barreTitre { text-align:right;}
ul#menuHorizontal li { float:left}
/*----- LOGO -------*/
#logo {
height:100px;width:500px;
background: url('http://intensivstation.ch/files/en_templates/css_logo.gif');background-repeat:no-repeat;
display:block;}
#menu {float:left; width:25%; overflow: auto;}
#content {float:left; width:75%; overflow: auto;}
#piedPage {clear:left;height:20px;width:75%;margin-bottom:20px;}
j'ai trouvé en faisant display:inline;