Bonjour,
Lorsque j'utilise la fonction css list-style-image:url(); les puces sont décalées par rapport au texte. Elles ne sont pas centrées.
Définition pour que vous puissiez bien comprendre le problème :
Centré : -texte (le trait est bien aligné)
Mal centré : _texte (le trait est trop bas par rapport au texte)
Le décalage est faible par rapport à l'exemple mais sur un menu c'est voyant.
css:
Code :
- #menu ul
- {
- padding-left:45px;
- list-style-type: none;
- list-style-image: url("croix32.png" );
- }
|
J'ai résolu le problème avec un background-image dans les balises <li> mais ça change complètement le design de ce que j'avais crée, je dois rajouter un text-indent et ça laisse un gros espace vide à la place des puces.
Est-ce que vous avez une solution alternative ?
Et pourquoi elle fait ça cette fonction ? Ca me fait ça sur toutes les listes que je crée.
Ah oui, j'ai essayé d'initialiser toutes les marges à 0 mais ça ne change rien.
Merci! Bisous