Différencier les item et sous item dans les listes

Statut : non résolu

Ce sujet contient 5 réponses, 2 participants et a été mis à jour pour la dernière fois par Guilhem, le il y a 17 années et 7 mois.

6 sujets de 1 à 6 (sur un total de 6)

Auteur

Messages
12 novembre 2007 à 9 h 44 min #455240

Guilhem
Membre

Maître WordPress
578 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 2.3.1
– Thème utilisé : Got chance bien modifié
– Plugins en place :
– Nom de l’hebergeur : Infomaniak
– Adresse du site : http://www.catharisme.eu

Différencier les images apparaissant devant un item de liste de celles apparaissant devant les sous-item de la même liste :

Je m’explique.
Dans ma CSS j’ai une déco pour les balises li qui fait apparaître une petite image devant mes item de liste.
Or, pour les catégories et certaines pages j’ai des sous item qui se retrouvent avec la même image, ce qui fait un peu touffu.
Y a-t-il un moyen simple de dissocier les deux types d’items ou bien dois-je ajouter à ma CSS des classes pour viser chaque situation ?

13 novembre 2007 à 7 h 42 min #614131

Guilhem
Membre

Maître WordPress
578 contributions

J’ai fait des recherches et des essais.
Vu que les listes imbriquées s’écrivent sous la forme li li j’ai essayé de mettre dans ma CSS un style pour l’élément li li
Comme ça ne marche pas j’en conclus que mon widget, quand je lui demande de me présenter la hiérarchie de mes catégories, utilise une astuce qui ne tient pas compte de cette syntaxe.
Si vous savez dans quel fichier se cache la gestion des catégories, je pourrais peut-être y jeter un œil, histoire de voir si c’est gérable.

Merci.

13 novembre 2007 à 15 h 06 min #614132
boomy bx
Participant

Padawan WordPress
64 contributions
Je suis allé sur ton site et je vois tes listes imbriquées. Il suffit de voir le code pour remarquer que la liste imbriquée possède une classe «
13 novembre 2007 à 16 h 21 min #614133

Guilhem
Membre

Maître WordPress
578 contributions

Merci beaucoup car je n’avais pas remarqué cela.

14 novembre 2007 à 8 h 23 min #614134
Guilhem
Membre

Maître WordPress
578 contributions
Mon objectif étant de supprimer le dessin des sous-item imbriqués j’ai fait ainsi :
```
#left li, #left, .commentlist, li.alt, li/*Elements de liste sauf sidebar*/

{

	list-style: none;

	font-size: 10px;

	padding-left: 20px;

	margin: 0;

	border: 0;

}

#right li /*Elements de liste de la sidebar*/

{

	list-style: none;

	font-size: 10px;

	background: url(images/sceau.png) no-repeat left top;

	background-position: 0 5px;

	padding-left: 20px;

	margin: 0;

	border: 0;

}

#right .children

{

	background-image: none;

}
```
J’ai donc séparé les liens sans rapport avec la sidebar et je leur ai attribué des spécificités propres.
J’ai fait de même pour les liens de la sidebar #right
Et pour les listes imbriquées de la sidebar, j’ai créé un menu spécifique : # right . children
Pour l’instant, ça ne marche pas.
Je fais d’autres essais et je reste ouvert à vos idées.
14 novembre 2007 à 8 h 26 min #614135

Guilhem
Membre

Maître WordPress
578 contributions

Youpi, ça marche en mettant #right .children li
Je ne comprends pas très bien vu que la classe s’appelle .children mais, l’essentiel est le résultat.

Merci encore de ton aide et j’espère que cela pourra servir à d’autres.
Auteur

Messages