VPF::Элемент списка: выровнять текст по центру маркера

AXS

Дата 7.4.2011, 12:06 (ссылка)

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

Загрузка ...

Шустрый

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

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

Список сделан так:

Код


<ul>
  <li>123456</li>
  <li>qwerty</li>
  <li>фывапр</li>
</ul>

Код


li {
  list-style-image: url('cover/main/images/m_phone.png');
  list-style-position: inside;
}

Картинка маркера 25*25 пикселей и контейнер <li> растягивается до её (картинки) размера, а текст выровнен по нижней его (контейнера) части... Как сделать текст по центру маркера?

Пример списка - здесь пример. Для наглядности 3 элемента обвёл бордером.

Это сообщение отредактировал(а) AXS - 7.4.2011, 12:15

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

<><><> AXS - Live Organizer v1.0 <><><> 0_o

bars80080

Дата 7.4.2011, 14:01 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

vertical-align: baseline; - не поможет?
попробовать его для li

AXS

Дата 7.4.2011, 14:11 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата(bars80080 @ 7.4.2011, 14:01)

vertical-align: baseline; - не поможет?
попробовать его для li

vertical-align к сожалению не влияет никаким образом на <li>

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

<><><> AXS - Live Organizer v1.0 <><><> 0_o

SelenIT

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

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Имхо, лучше (надежнее, кроссбраузернее) всего отказаться от list-style-image и поставить картинку фоном (как надо и куда надо).

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

AXS

Дата 7.4.2011, 14:58 (ссылка)

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

Загрузка ...

Шустрый

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

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

Похоже что так и надо сделать... Просто list-style-image мне казалось более изящным решением.
А поддерживается всеми браузерами (IE 6, 7 я не беру в расчёт - пользователи этих мамонтов будут видеть сообщение об устаревании их браузеров и ссылки на дистры всех свежих браузеров)

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

<><><> AXS - Live Organizer v1.0 <><><> 0_o

bars80080

Дата 7.4.2011, 19:04 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

Цитата(AXS @ 7.4.2011, 14:58

)

IE 6, 7 я не беру в расчёт - пользователи этих мамонтов будут видеть сообщение об устаревании их браузеров и ссылки на дистры всех свежих браузеров

после чего эти клиенты уйдут с твоего сайта и более никогда не вернутся

AXS

Дата 7.4.2011, 22:47 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата(bars80080 @ 7.4.2011, 19:04)

Цитата(AXS @ 7.4.2011, 14:58

)

после чего эти клиенты уйдут с твоего сайта и более никогда не вернутся

Возможно, но это уже тема для другой темы ;)

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

<><><> AXS - Live Organizer v1.0 <><><> 0_o

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