J'ai le CSS suivantY at-il un moyen d'organiser l'alignement des éléments de liste (LI) lors de l'utilisation d'une image comme une balle?
.ul{
list-style-image:url(/images/bullet.png)
}
Mon bullet.png est de 20 x 20 pixels mais il affiche le texte en bas de l'image alors que je dois montrer mon texte au milieu de l'image. Y a-t-il un moyen d'assigner des marges et des paddings qui déplacent seulement le texte?
Réinitialisez les rembourrages et les marges.
utilisation background-image propriété et définir un rembourrage de la taille de l'image (et plus si vous voulez un peu d'espace entre votre balle et votre texte)
li
{
margin: 0;
padding: 0 20px 0 0;
background-image:url(/images/bullet.png);
background-repeat: no-repeat;
}
Pas vraiment. Vous pouvez essayer de supprimer les puces, placer un remplissage sur le LI et une image de fond alignée à gauche et au centre: background: url(images/bullet.png) no-repeat left center;.
merci beaucoup, ses œuvres tout à fait bien et à travers les navigateurs. Il est dommage que la balise 'list-style-image' doive être travaillée et qu'elle soit essentiellement inutile à cet égard, mais tant qu'elle semble bonne dans tous les navigateurs, je suppose que tout va bien. –