Menu avec balises LI et UL
Résolu
Bonjour,
J'aimerais créer un menu pour mon futur site web qui ressemble à celui d'MSN avec des balises LI et UL.
Mais malgrès mon "décorticage" de la page et du css je n'ai pas réussi à faire le même menu.
Avez vous une solution ?
J'aimerais créer un menu pour mon futur site web qui ressemble à celui d'MSN avec des balises LI et UL.
Mais malgrès mon "décorticage" de la page et du css je n'ai pas réussi à faire le même menu.
Avez vous une solution ?
8 réponses
-
Salut, essaie comme ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document sans nom</title> <style> #left {float:left; margin-left:10px;} #left-m {float:left; margin-left:20px;} #right-m {float:left; margin-left:30px;} #right {float:left; margin-left:40px;} </style> </head> <body> <div> <ul id="left"> <li>blabla</li> <li>blabla</li> <li>blabla</li> <li>blabla</li> </ul> <ul id="left-m"> <li>blabla</li> <li>blabla</li> <li>blabla</li> <li>blabla</li> </ul> <ul id="right-m"> <li>blabla</li> <li>blabla</li> <li>blabla</li> <li>blabla</li> </ul> <ul id="right"> <li>blabla</li> <li>blabla</li> <li>blabla</li> <li>blabla</li> </ul> </div> </body> </html>
Je pense que ça doit marcher chez moi oui.
Sinon, tu peux essayer de jouer avec le css display:inline;
@ pluche. -
je dirai plutot comme ca :
<div id="menu"> <ul> <li><a href="#">lien1</a></li> <li><a href="#">lien2</a></li> <li><a href="#">lien3</a></li> </ul> </div> -
Voilà, mais il faut 4 colonnes faites avec les balise UL et qui contiennes les balises LI.
-
Arf ! C'est marrant !
Moi ce qu'il me faut c'est le css pour former tout ca. Je le connais le code html. -
C'est ca en effet. Merci beaucoup !
-
Merci pour ces infos, c'est cool! ça m'a permis de créer tout mon menu déroulant sur reportingbusiness.fr
-
comme ca par exemple ?
<html>
<body>
<p>
<li> <a href="lien1">Nom_du_lien1</a>
<li> <a href="lien2">Nom_du_lien2</a>
<li> <a href="lien3">Nom_du_lien3</a>
<li> <a href="lien4">Nom_du_lien4</a>
<li> <a href="lien5">Nom_du_lien5</a>
<li> <a href="lien6">Nom_du_lien6</a>
</body>
</html> -
ba après il est grand, il se débrouille :) lol
copier coller et hop ^^
