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
Firebug
Image est également l'affichage dans firebug quand je bouge ma souris sur elle
Mal sortie finale
Solution :
De Sortie Correct ce que je veux
Essayez d'ajouter ce
Et ensemble
J'ai l'habitude de l'ajouter en tant qu'image d'arrière-plan sur la
Vous avez besoin de personnaliser uniquement les
css
propriété dans .vMenu li
et 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 x
px de rembourrage gauche. Ne peux pas dire que j'ai utilisé list-style-image
avantbackground: 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
Vous devez vous connecter pour publier un commentaire.
Voici une méthode, à l'aide d'une image de fond comme la balle à la place.
J'ai fait une rapide jsfiddle pour le démontrer
OriginalL'auteur Adam Tomat
Mettre et li Class
et mettre de la classe de lien arrière-plan de l'image la balle à l'
OriginalL'auteur Thilanka De Silva