Фоновое изображение по центру "ul" ... но мне бы хотелось, чтобы оно было вверху - PullRequest
Новая
       37

Фоновое изображение по центру "ul" ... но мне бы хотелось, чтобы оно было вверху

0 голосов
/ 09 декабря 2008

На этой странице (http://www.bonniesphere.com/blog/elsewhere/) элементы "li" имеют изображение вместо маркера. Но изображение центрируется по вертикали, и в многострочных записях оно выглядит не очень хорошо. Может кто-нибудь сказать если в CSS есть что-то, что следует изменить?

Вот относительный код:

.entry ul {list-style-type: none;} .entry ul li {padding: 0 0 0 15px; фон: url (img / ol.gif) левый центр без повтора; поле слева: 10px;}

Большое спасибо за вашу помощь ...

Ответы [ 5 ]

4 голосов
/ 09 декабря 2008

заменить центр на верх : 

background: transparent url(img/ol.gif) no-repeat scroll left top;
0 голосов
/ 30 декабря 2008

Спасибо за ваши предложения ... У меня был Firebug, но я никогда не использовал его - так что с комбинацией Firebug и функции "сравнения" в BBEdit я наконец смог разобраться! Автор шаблона предоставил исправление для пунктов маркера, но когда я загрузил самую последнюю версию темы, проблема возникла снова. Я нашел это, и вуаля ...

Благодаря двум программам я также смог найти исправление для чего-то еще, что не работало.

Я счастливый турист! По крайней мере, до следующего раза, когда я столкнусь с чем-то, что не могу исправить ...

: -)

0 голосов
/ 10 декабря 2008

Это очень странно ... Я попробовал все три предложения выше, и ни одно из них ничего не изменило. Немного больше информации, если это поможет: это блог Wordpress (на моем сервере), и я редактирую style.css через редактор тем. (Это не должно иметь никакого значения ...)

Как вы думаете, есть ли что-то еще в CSS, которое заставляет изображение оставаться выровненным по центру, перекрывая этот код ??

0 голосов
/ 09 декабря 2008 
.entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left 4pt;margin-left:10px;}

В основном вам нужно указать смещение сверху. У вас был центр , который явно центрировал изображение по вертикали.

Как грубое предположение, я использовал 4pt , но это зависит от того, где именно вы хотите расположить изображение. С 4pt он приблизительно выравнивает его по первой строке, но любое изменение размера шрифта приведет к ухудшению позиционирования.

Лично, использование top для вертикального положения слишком высоко для моих предпочтений.

0 голосов
/ 09 декабря 2008 
.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;}

Просто набрал это из головы, но атрибут top может это сделать. Вы можете попытаться заменить левую или центральную часть верхним тегом, не можете проверить вас, так как мой аддон для веб-разработчиков играет со мной шутки. (

Я проверил локально, это центральная метка. Но все еще требуется дополнительный пробел.

...