Menu avec balises LI et UL

Résolu

Toshihaut -
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 ?

Afficher la suite

8 réponses

faboons Messages postés 291 Date d'inscription Statut Membre Dernière intervention 50

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.

bibs37 Messages postés 71 Statut Membre 5

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>

Réponse 3 / 8
Toshihaut

Voilà, mais il faut 4 colonnes faites avec les balise UL et qui contiennes les balises LI.
0
Réponse 4 / 8
Toshihaut

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
Réponse 5 / 8
Toshihaut

C'est ca en effet. Merci beaucoup !
0
Réponse 6 / 8
antho

Merci pour ces infos, c'est cool! ça m'a permis de créer tout mon menu déroulant sur reportingbusiness.fr
0
Réponse 7 / 8
neo1012

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
1. Toshihaut
  
  Oui, mais il faudrait que l'ensemble forme 4 colonnes (4balises UL) avec à l'interieur les balises LI, le tout dans une DIV.
  
  0
2. shink
  
  n'oublie pas tes fermeture de </li>, ton p sert à rien et n'est pas fermé en plus !!
  
  0
Réponse 8 / 8
bibs37 Messages postés 71 Statut Membre 5

ba après il est grand, il se débrouille :) lol

copier coller et hop ^^
-1

Menu avec balises LI et UL

8 réponses

Discussions similaires

Newsletters