Liste hiérarchique à l'aide de HTML/CSS
Je suis en train de créer un menu de niveau supérieur comme vous pouvez le voir dans la plupart des applications, à l'aide de HTML, CSS & Javascript. Je sais qu'il y a une tonne de pré-construit, mais j'ai envie de créer mon propre.
----------------------
| File | Edit | Help |
----------------------
| New |
| Save |
| Save As |
---------
J'ai essayé différents styles CSS pour obtenir la liste suivante de mise en page correctement. Est-ce le code HTML de la structure, ou voulez-vous recommander un autre? Ce CSS est nécessaire pour afficher correctement le menu? Je ne suis pas inquiète au sujet de la fonctionnalité à ce point.
Je suis ouvert à toutes HTML 5 techniques que ce n'est qu'un personnel propject.
<ul>
<li>File</li>
<ul>
<li>New</li>
<li>Save</li>
<li>Save As</li>
</ul>
<li>Edit</li>
<ul>
<li>Cut</li>
<li>Copy</li>
<li>Paste</li>
</ul>
<li>Help</li>
<ul>
<li>About</li>
</ul>
</ul>
Votre balisage html n'est pas droit.
ul
ne peut pas être à l'intérieur d'un autre ul
directement. Il doit être à l'intérieur d'un li
ot le haut ul
.OriginalL'auteur Steve | 2011-06-05
Vous devez vous connecter pour publier un commentaire.
Prendre un coup d'oeil à l'échantillon ici:
http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery
OriginalL'auteur Konstantin Tarkus