Programmation HTML
xranto Messages postés 90 Date d'inscription Statut Membre Dernière intervention -
Je cherche à effectuer un menu déroulant de ce style là:
http://www.noelshack.com/2013-10-1362663284-plan.png
avec ce code ci:
<ul class="niv1">
<li><a href="quisommenous.html"> Qui sommes-nous ? </a></li></ul>
<ul class="niv1">
<li> Nos prestations.
<ul class="niv2">
<li> Location motos
<ul class="niv3">
<li> Honda
<ul class="niv4">
<li> Deauville </li>
<li> VFR 800 </li>
<li> VFR 1200 </li>
<li> F6B </li>
<li> Pan-European </li>
<li> Goldwin </li>
</ul>
</li>
<li> Kawasaki
<ul class="niv4">
<li> Z1000 </li>
<li> ZZR 1400 </li>
<li> VN 1700 Voyager </li>
</ul>
<li/>
<li> Yamaha
<ul class="niv4">
<li> FJR 1300 </li>
<li> FZ1 Fazer </li>
<li> TDM 900 </li>
</ul>
</li>
</ul>
</li>
<li> Vente accessoires et equipements
<ul class="niv3">
<li> Accessoires moto </li>
<li> Equipement pilote </li>
</ul>
<li/>
</ul>
</li></ul>
<ul class="niv1">
<li>S'inscrire a une formation.</li>
</ul>
Le problème c'est que comme vous pouvez le constater sur l'image, j'ai des points en trop en dessous Kawasaki et vente accessoires etc..
Quelqu'un aurait-il la solution au problème?
Merci d'avance
- Programmation HTML
- Editeur html - Télécharger - HTML
- Application de programmation - Guide
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
3 réponses
<ul class="niv3">
<li> Honda </li>
</ul>
<ul class="niv4">
<li> Deauville </li>
<li> VFR 800 </li>
<li> VFR 1200 </li>
<li> F6B </li>
<li> Pan-European </li>
<li> Goldwin </li>
</ul>
<ul class="niv3">
<li> Kawasaki </li>
</ul>
<ul class="niv4">
<li> Z1000 </li>
<li> ZZR 1400 </li>
<li> VN 1700 Voyager </li>
</ul>
Je ne suis pas trop sûr, vu que je ne vois pas ton CSS, mais si tu met le titre d'une couleur avec la classe niv3, tu ne va pas laisser la même couleur pour ceux qui suivent de la classe niv4. Donc il faut fermer les balises.
Ou si tu ne met pas les mêmes attributs entre le niv3 et niv4, tu fais ceci :
<ul class="niv3">
<li> Honda </li>
<ul class="niv4">
<li> Deauville </li>
<li> VFR 800 </li>
<li> VFR 1200 </li>
<li> F6B </li>
<li> Pan-European </li>
<li> Goldwin </li>
</ul> </ul>
Ceci dépends du CSS que je ne vois pas.
