2008-12-09 18 views
0

Sur cette page (http://www.bonniesphere.com/blog/elsewhere/) les éléments "li" ont une image au lieu d'une balle. Mais l'image est centrée verticalement, et dans les entrées multi-lignes, elle ne semble pas bonne. Quelqu'un peut-il me dire s'il y a quelque chose dans le CSS qui devrait être changé?L'image de fond dans "ul" centré ... mais je l'aime en haut

Voici le code relatif:

.entry ul {list-style-type: none;} .entry ul li {padding: 0 0 0 15px; background: url (img/ol.gif) pas centre -REPEAT gauche; margin-left: 10px;}

Un grand merci pour votre aide ...

Répondre

0
.entry ul {list-style-type:none;} 
.entry ul li{padding: 0 0 0 15px; 
background: url(img/ol.gif) no-repeat left top center; 
margin-left:10px;} 

tapés que sur le haut de ma tête, mais l'attribut "top" pourrait faire il. Vous pouvez essayer de remplacer la gauche ou le centre par la balise supérieure, vous ne pouvez pas vérifier pour vous car mon addon webdeveloper me joue des tours. :(

J'ai vérifié localement, c'est la balise centrale. Mais il y a encore un peu plus d'espaces nécessaires. En gros

0
.entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left 4pt;margin-left:10px;} 

vous devez spécifier le décalage à partir du haut. Vous avez eu centre qui, évidemment, centrée sur l'image verticalement.

Comme une estimation approximative, je 4pt mais cela dépend exactement où vous voulez positionner l'image. Avec 4pt il aligne à peu près à la première ligne, bu Tout changement de taille de police va bousiller le positionnement.

Personnellement, en utilisant top pour la position verticale est un peu trop élevé pour mes goûts.

4

remplacer centre avec haut:

background: transparent url(img/ol.gif) no-repeat scroll left top; 
0

Ceci est très bizarre ... J'ai essayé trois suggestions ci-dessus, et aucun d'entre eux a changé quoi que ce soit. Un peu plus d'infos, si cela peut vous aider: c'est un blog Wordpress (sur mon serveur) et je suis en train d'éditer style.css via l'éditeur de thème. (Cela ne devrait faire aucune différence ...)

Pensez-vous qu'il y a quelque chose d'autre dans le CSS qui fait que l'image reste alignée au centre, surpassant ce code ??

+0

je Firebug pour FireFox et IE IEDevToolbar pour manipuler les styles sur la page directement.Changer l'alignement vertical de l'image le positionne correctement en haut. Vous changez simplement le "centre" en "top" n'est-ce pas? – BlackMael

0

Merci pour vos suggestions ... J'avais Firebug mais je ne l'avais jamais utilisé - donc avec une combinaison de Firebug et la fonction "comparer" de BBEdit, j'ai finalement réussi à le comprendre! L'auteur du modèle a fourni un correctif pour les points, mais lorsque j'ai téléchargé la version la plus récente du thème, le problème s'est à nouveau produit. Je l'ai trouvé, et voilà ...

Grâce à ces deux programmes, j'ai également pu trouver une solution à un problème qui ne fonctionnait pas.

Je suis un heureux campeur! Au moins ... jusqu'à la prochaine fois que je lance dans quelque chose que je ne peux pas réparer ...

:-)