Personnellement avec un code qui ressemble à ceci (remplacer les crochets par des < et >):
[ul]
[li id="menu_lien1"][a href="lien.html"]Lien 1[/a][/li]
[li id="menu_lien2"][a href="lien2.html"]Lien 2[/a][/li]
[/ul]
je me fait une css comme ça:
ul { margin:0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; width: auto; float: left; }
li > a { display: block; background: no-repeat center center; padding: 5px; padding-top: 48px; }
li > a#menu_lien1 { background: url(lien1.png); }
li > a#menu_lien2 { background: url(lien2.png); }
# Re: CSS et liste en ligne
Posté par bohwaz . En réponse au journal CSS et liste en ligne. Évalué à 4.
[ul]
[li id="menu_lien1"][a href="lien.html"]Lien 1[/a][/li]
[li id="menu_lien2"][a href="lien2.html"]Lien 2[/a][/li]
[/ul]
je me fait une css comme ça:
ul { margin:0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; width: auto; float: left; }
li > a { display: block; background: no-repeat center center; padding: 5px; padding-top: 48px; }
li > a#menu_lien1 { background: url(lien1.png); }
li > a#menu_lien2 { background: url(lien2.png); }
C'est ce que j'utilise pour le menu du haut ici: http://demo.journalintime.com/ecrire/login(...)