comment puis-je définir des " bullet image de la balise li?

Je suis en train de mettre image personnalisée comme une balle. quand je suis à l'aide d'arrière-plan ou d'arrière-plan-balise d'image c'est du travail mais pas aligner correctement avec la liste catégorie. Et quand je suis avec list-style-image, elle n'est pas l'affichage de l'image comme une balle.

Problème :

Css

comment puis-je définir des

Firebug

comment puis-je définir des

Image est également l'affichage dans firebug quand je bouge ma souris sur elle

Mal sortie finale

comment puis-je définir des

Solution :

De Sortie Correct ce que je veux

comment puis-je définir des

Essayez d'ajouter ce css propriété dans .vMenu liet check it out list-style-type: none; width:19px; height:19px;
Et ensemble background:url(...); au lieu de list-style-image:url(...)
J'ai l'habitude de l'ajouter en tant qu'image d'arrière-plan sur la li, placé left center avec xpx de rembourrage gauche. Ne peux pas dire que j'ai utilisé list-style-image avant
background: url('/image/arrow.png') no-repeat left center; Sur le li. Essayez de régler la hauteur de la li à la hauteur de votre flèche (19px) et l'utilisation de la hauteur de la ligne de centre le texte.
Vous avez besoin de personnaliser uniquement les height et width parent <div></div> partie. Ensuite, réglez l'image comme de cette façon.. background:url('...') no-repeat top left;

OriginalL'auteur Anandkumar Mehta | 2013-04-10