Je me pose une question à propos du CSS. Un truc bien avec css c'est qu'on peut faire une même chose de pluysieurs façon différente. Mais il reste à trouver la meilleure.
Je me demande par exemple comment faire des menu de ce genre :
http://the.bestel.free.fr/menu.png(...) proprement. Au début je voulais utiliser des listes.
Par exemple avec des listes on peut définir une image a la place de la petite puce.
On peut aussi dire de mettre les liste horizontalement. Alors je me suis dit qu'il devait bien y avoir un moyen de mettre des listes horizontalement avec des icones sécifiques pour les puces... Mais ca marche pas.
A partir du moment ou je met une liste en ligne, les browsers enlèvent les puces.
Personne aurait une idée de comment faire ca bien ?
Journal CSS et liste en ligne
24
mar.
2004
# Re: CSS et liste en ligne
Posté par kolter (site web personnel, Mastodon) . Évalué à 1.
M.
# listamatic
Posté par daggett . Évalué à 1.
# Re: CSS et liste en ligne
Posté par ASpirit . Évalué à 3.
.liste {
background : url("tonimage") top center no-repeat;
padding-top : Xpx;
}
(remplacer X par la taille de l'image en hauteur)
# Re: CSS et liste en ligne
Posté par bohwaz . É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(...)
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.