[résolu] Boutons de liste

Bonjour,

J'ai inclus dans mon site un menu horizontal tel que celui expliqué dans le tutoriel. Mais comme il utilise ceci :

list-style-type: none;

les listes dans le reste de mon site, n'ont évidemment plus de bouton (ou disque... doit bien avoir un nom pour cela??).
J'ai essayé de contourner le problème en associant un style propre à ces listes tel que :

.cartouche ul 
{list-style-type: disc;} 

Mais ça ne semble pas prendre le pas sur l'instruction précédente.

En espérant avoir été clair, j'attends vos lumières avec intérêt.

Merci.
Modifié par lodemars (07 May 2008 - 14:23)

Hop ...




Il me semble qu'il faille faire l'inverse ...

Attribuer une classe spécifique pour le menu :

ul.menu {list-style-type: none;}

Et laisser les autre avec le style par défaut..

EDIT : Oué et puis surtout c'est ta syntaxe qui est fausse ... J'avais zappé...

Ce n'est pas

.cartouche ul

Mais

ul.cartouche

Modifié par Velbain (07 May 2008 - 13:49)

Bonjour,

Les boutons ou disques s'appellent des puces. En anglais, on parle de bullets.

Quant au problème lui-même, c'est juste un problème de maitrise des sélecteurs CSS de base (je parle bien des sélecteurs de base et pas des sélecteurs avancés ).

En gros, on fera plutôt ceci:

/* Style pour toutes les listes (exemple) */
ul, ol {
	margin: .5em 0;
	padding: 0 0 0 24px;
}
ul {
	list-style-type: square;
}

/* Style pour le menu de navigation */
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li {
	float: left;
	padding: 10px;
}

Ce n'est bien sûr qu'un exemple, et bien entendu les sélecteurs doivent correspondre au code HTML. Si on n'a pas de div ayant l'identifiant "navigation" et contenant une liste ul, mais plutôt une liste ul ayant l'identifiant "menu", on utilisera les sélecteurs ul#menu et ul#menu li.

Ok merci, je tiens ma réponse.