Le style de liste UL ne s’applique pas

J’ai une feuille de style qui, pour quelque raison que ce soit, n’applique pas de type liste-style à un élément UL. J’utilise le CSS Grid de YUI avec leur fichier reset-fonts-grid.css, ce qui, je le sais, le supprime dans le cadre de la réinitialisation CSS.

Après avoir appelé YUI, j’appelle la feuille de style pour le site Web et il y a un bloc pour UL:

ul {list-style-type: disc;}

J’ai également essayé de le configurer via un style de liste mais d’obtenir le même résultat. Je sais que le bloc CSS ci-dessus est en train d’être lu comme si j’ajoutais des éléments tels que le remplissage ou les marges. Le style-style ne s’affiche pas dans Firefox ou IE.

Le seul autre CSS que j’ai appliqué aux UL se trouve dans une partition #nav mais que CSS ne touche pas le type liste-style, il utilise la réinitialisation fournie par YUI, et la feuille de style du site sont les deux seules CSS feuilles appelées.

J’ai aussi FCKEditor sur le côté admin du site et cet éditeur montre les styles de puces, donc je sais qu’il doit y avoir quelque chose avec le CSS qui n’est pas filtré par FCKEditor.

Si je ne me trompe pas, vous devriez appliquer cette règle au li, pas au ul.

 ul li {list-style-type: disc;}

Vous devez inclure les éléments suivants dans votre css:

li { display: list-item; }

Cela déclenche Firefox pour afficher le disque.

et vous pouvez aussi donner une marge de gauche si le paramètre reset.css que vous utilisez rend la marge nulle: cela signifie:

 li { list-style: disc outside none; display: list-item; margin-left: 1em; }

En supposant que vous appliquez ce css après la réinitialisation, cela devrait fonctionner!

Matthieu Ricaud

J’ai eu ce problème et il s’est avéré que je n’avais aucun rembourrage sur l’ul, qui empêchait les disques d’être visibles.

La marge s’en mêle aussi

Assurez-vous que le «li» n’a pas de overflow: hidden appliqué.

Ce problème est dû au fait que l’atsortingbut li est défini pour block dans une classe parente. Le remplacement de l’ list-item résolu le problème.

J’ai eu ce problème et il s’est avéré que je n’avais aucun rembourrage sur l’ul, qui empêchait les disques d’être visibles.

Avez-vous essayé de suivre la règle avec! Important?
Quelle feuille de style FireBug affiche-t-il en ayant le dernier contrôle sur l’élément?
Est-ce un endroit où il est possible de voir les autres?

Mettre à jour

Je suis assez confiant que fournir des exemples de code vous aiderait à recevoir une solution plus rapidement. Si vous pouvez télécharger un exemple de ce problème quelque part ou fournir le balisage pour pouvoir le tester sur nos hôtes locaux, vous aurez de meilleures chances d’obtenir des informations précieuses.

Le problème avec les questions est qu’elles amènent les autres à croire que la personne qui pose la question a suffisamment de connaissances pour poser la question. Dans la programmation, ce n’est pas toujours le cas. Il y a peut-être eu quelque chose que vous avez manqué ou que vous avez accidentellement blessé. Sans que les autres aient des yeux sur votre code, ils doivent supposer que vous n’avez rien manqué et que vous n’avez rien oublié.

Mon reset.css était la margin: 0, padding: 0 . Après plusieurs heures de recherche et de dépannage, cela a fonctionné:

 li { list-style: disc outside none; margin-left: 1em; } ul { margin: 1em; }

Tout ce que je peux penser, c’est que quelque chose l’emporte par la suite.

Vous incluez les styles de réinitialisation en premier , non?

Dans IE, je viens d’utiliser une classe “normal_ol” pour styliser une liste ol et apporter quelques modifications ci-dessous:

code précédent: ol.normal_ol {float: left; remplissage: 0 0 0 25px; marge: 0; width: 500px;} ol.normal_ol li {police: normal 13px / 20px Arial; couleur: # 4D4E53; float: à gauche; largeur: 100%;}

code modifié: ol.normal_ol {float: left; remplissage: 0 0 0 25px; margin: 0;} ol.normal_ol li {police: normal 13px / 20px Arial; couleur: # 4D4E53; }

Il s’avère que la réinitialisation du CSS de YUI supprime le style de liste de ‘ul li’ au lieu de simplement ‘ul’, ce qui explique pourquoi le paramétrer juste dans ‘ul’ n’a jamais fonctionné.