Menu avec balises LI et UL

Résolu/Fermé
Utilisateur anonyme - 27 févr. 2008 à 18:35
 shink - 22 nov. 2011 à 15:47
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 ?
A voir également:

8 réponses

faboons Messages postés 269 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 22 janvier 2024 50
29 févr. 2008 à 00:34
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.
5
bibs37 Messages postés 71 Date d'inscription mardi 12 septembre 2006 Statut Membre Dernière intervention 17 septembre 2008 5
28 févr. 2008 à 11:57
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> 
2
Utilisateur anonyme
28 févr. 2008 à 11:59
Voilà, mais il faut 4 colonnes faites avec les balise UL et qui contiennes les balises LI.
0
Utilisateur anonyme
28 févr. 2008 à 12:46
Arf ! C'est marrant !
Moi ce qu'il me faut c'est le css pour former tout ca. Je le connais le code html.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
29 févr. 2008 à 12:01
C'est ca en effet. Merci beaucoup !
0
Merci pour ces infos, c'est cool! ça m'a permis de créer tout mon menu déroulant sur reportingbusiness.fr
0
Utilisateur anonyme
27 févr. 2008 à 20:42
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>
-1
Utilisateur anonyme
28 févr. 2008 à 09:55
Oui, mais il faudrait que l'ensemble forme 4 colonnes (4balises UL) avec à l'interieur les balises LI, le tout dans une DIV.
0
n'oublie pas tes fermeture de </li>, ton p sert à rien et n'est pas fermé en plus !!
0
bibs37 Messages postés 71 Date d'inscription mardi 12 septembre 2006 Statut Membre Dernière intervention 17 septembre 2008 5
28 févr. 2008 à 12:12
ba après il est grand, il se débrouille :) lol

copier coller et hop ^^
-1