VPF::картинка в <li> - Форум программистов

supervladislav

Дата 6.6.2011, 18:30 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

У меня есть меню в теге ul

Код


ul.mainmen {list-style-type:none;font-size:13px;color:black;padding-left:13px;margin-left:6px;position:relative;top:0px;left:-16px;}
ul.mainmen  li{margin:0px;padding:0px;font-size:12px;padding-right:-14px;}

Скажите как расстояние между галочками убрать так чтобы было одинаково во всех браузерах

Код


<ul class="mainmen">
<li style="list-style-image: url(screen/galka.png);">Юридические консультации </li>
<li style="list-style-image: url(screen/galka.png);">Таможенное представительство</li>
<li style="list-style-image: url(screen/galka.png);">Услуги профессионального адвоката</li>
<li style="list-style-image: url(screen/galka.png);">Кредитный брокеридж</li>
<li>-получение займа у инвестора</li>
<li>-кредитование физических,юридических</li>
<li>-Лизинг</li>
</ul>

Su_

Дата 7.6.2011, 13:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 386
Регистрация: 1.8.2007

Репутация: нет
Всего: нет

было бы хорошо картинкой подкрепить, для быстрого восприятия. Добрый день.

--------------------

supervladislav

Дата 7.6.2011, 14:50 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Su_, http://rykov-mikhail.ru/index.php/2011-04-27-12-00-42.html

Su_

Дата 7.6.2011, 18:38 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 386
Регистрация: 1.8.2007

Репутация: нет
Всего: нет

Предлагаю вам забить на list-style-image , он не стабильно работает в Ie. Как альтернатива сделайте через background с padding-left:20px например:

Код


 ul li{
padding-left:20px; /* move text away from image */
background:url('img/galka.jpg') no-repeat 0 12px; /* use image position to align to text */

}

Для проверки в Internet Explorer разных версий используйте ieTester

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »