Sous-menu qui ne veut pas passer en dessous
Résolu/Fermé
A voir également:
- Sous-menu qui ne veut pas passer en dessous
- Menu déroulant excel - Guide
- Passer en azerty - Guide
- Windows 11 menu démarrer classique - Guide
- Passer de windows 7 à windows 10 - Accueil - Mise à jour
- Canon quick menu - Télécharger - Utilitaires
4 réponses
je fais une petite modifs de code html ^^ :
enfin malgré que j'ai mis le bon code html c'est-à-dire le </li> là où il fallait, le display:none ne fonctionne toujours pas Oo...
<ul class="recettes-men">
<li id="li-r"><a href="recettes.php">Recettes</a></li>
<ul class="ulrecettes">
<?php
$sql= "SELECT idFamilles, Famille from familles";
$rez=mysql_query($sql);
$nb_lignes = mysql_affected_rows();
while($nf=mysql_fetch_array($rez)){
echo "<li><a href=\"recettes.php?id=".$nf[0]."\">" . $nf[1] ."</a></li><br \>";
}?>
</ul>
<li id="li-co"><a href="cours.php">Cours</a></li>
<li id="li-cal"><a href="calendrier.php">Calendrier</a></li>
<li id="li-cont"><a href="contact.php">Contact</a></li>
<li id="li-av"><a href="livredor.php">Vos avis</a></li>
</ul>
enfin malgré que j'ai mis le bon code html c'est-à-dire le </li> là où il fallait, le display:none ne fonctionne toujours pas Oo...
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
13 août 2010 à 11:19
13 août 2010 à 11:19
l'imbrication est balises est mauvaise.
pour le sous menu il faut que ce soit du genre :
or là, le <li> est fermé avant la sous liste.
pour le sous menu il faut que ce soit du genre :
<ul>
<li>[...]
<ul>
<li></li>
</ul>
</li>
or là, le <li> est fermé avant la sous liste.
j'ai noté cette erreur sur le post juste avant le tien ^^ et ce n'est pas ça qui a arrangé le problème... j'ai repris un de mes anciens menu qui fonctionnait et je l'ai petit à petit adapté à celui que je voulais faire... du coup ça fonctionne c'est à ne rien y comprendre ^^
je mets le code au cas ou quelqu'un saurait ce qui a changé :
je mets le code au cas ou quelqu'un saurait ce qui a changé :
/*//////////////// Menu du haut ////////////////*/
#recettes-men{list-style:none; padding-left:285px; margin-top:-15px; font-weight:bold; position:absolute z-index:2}
#recettes-men li{float:left; margin:0px; width:96px;}
/*/////////////// Sous-menu du haut ////////////////*/
#recettes-men li ul{display:none; list-style:none; padding:0px; margin-top:0px; width:96px;}
#recettes-men li ul li{width:96px; padding:0px; margin: 0px; height:29px;}
#recettes-men li:hover ul{display:block;}
#li-r{float:left; width:96px; height:29px; background-color:#f8e6a8; color:#000000; text-align:center;}
#li-r a{margin-top:7px; font-family: Arial, "Times New Roman", Courier; text-decoration: none; font-size:14px; color:#000000; display:block;}
#li-co{float:left; width:96px; height:29px; background-color:#dd9f19; color:#000000; text-align:center;}
#li-co a{margin-top:7px; font-family: Arial, "Times New Roman", Courier; text-decoration:none; font-size:14px; color:#000000; display:block;}
#li-cal{float:left; width:96px; height:29px; background-color:#552908; color:#FFFFFF; text-align:center;}
#li-cal a{margin-top:7px; font-family: Arial, "Times New Roman", Courier; text-decoration:none; font-size:14px; color:#FFFFFF; display:block;}
#li-cont{float:left; width:96px; height:29px; background-color:#ebb575; color:#000000; text-align:center;}
#li-cont a{margin-top:7px; font-family: Arial, "Times New Roman", Courier; text-decoration:none; font-size:14px; color:#000000; display:block;}
#li-av{float:left; width:96px; height:29px; background-color:#d61818; color:#FFFFFF; text-align:center;}
#li-av a{margin-top:7px; font-family: Arial, "Times New Roman", Courier; text-decoration:none; font-size:14px; color:#FFFFFF; display:block;}
#li-r ul li{background-color:#f8e6a8; color:#000000; text-align:center;}
#li-r ul li a{background-color:#f8e6a8; color:#000000; text-align:center;}