![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| MacTep |
|
||||
|
Эксперт ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1292 Регистрация: 4.8.2003 Где: г. Самара Репутация: нет Всего: 4 |
Доброго времени суток!
Подскажите, пожалуйста, как выровнять текст по вертикали относительно картинки маркера пункта маркированного списка.
Не понимаю, почему у меня получается так (синими стрелками показал пару проблемных мест): http://clip2net.com/clip/m28600/1265546265-clip-100kb.png Мне не нравится в этом то, что картинка (окружность) и тест идут по вертикали на разных уровнях... Я могу добиться их выравнивания, чтобы текст шел по вертикали по центру картинки? Это сообщение отредактировал(а) MacTep - 7.2.2010, 15:39 -------------------- (A)bort, (R)etry, (I)gnore = Haфиг, Heфиг, Пoфиг ... :) |
||||
|
|||||
| Mavrun |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 199 Регистрация: 25.11.2007 Репутация: 9 Всего: 13 |
для начала попробуй повозиться с line-height. если не помогает, то попробуй ли-шкам маргин и паддинг попрописывать (не забывая,ч то маргин может отрицательный быть)
если не помогает, то архив примера давай, скачаю, настрою Это сообщение отредактировал(а) Mavrun - 7.2.2010, 15:56 |
|||
|
||||
| MacTep |
|
||||
|
Эксперт ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1292 Регистрация: 4.8.2003 Где: г. Самара Репутация: нет Всего: 4 |
Дело в том, что если я что-то (маргин или паддинг) выставляю, то это применяется и к картинке и к тексту... и друг относительно друга они вообще никак не изменяют своего положения. Добавлено через 1 минуту и 52 секунды Вот тут есть такая фраза дурацкая:
Неужели это обозначает, что выровнять картинки достаточно большого размера относительно текста я не смогу? -------------------- (A)bort, (R)etry, (I)gnore = Haфиг, Heфиг, Пoфиг ... :) |
||||
|
|||||
| Mavrun |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 199 Регистрация: 25.11.2007 Репутация: 9 Всего: 13 |
Ну, на заборе тоже написано=) Я не говорю, коненчо, что они не правы, так оно и есть, но возможно есть обходные пути. как вариант можно прописать ли-шкам display:block (по сути превратить в div) и задать им тупо бэкграунды в виде этого шара. а текст паддингом выровнять
|
|||
|
||||
| MacTep |
|
|||
|
Эксперт ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1292 Регистрация: 4.8.2003 Где: г. Самара Репутация: нет Всего: 4 |
да ну по идее, конечно, можно...
-------------------- (A)bort, (R)etry, (I)gnore = Haфиг, Heфиг, Пoфиг ... :) |
|||
|
||||
| MacTep |
|
|||
|
Эксперт ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1292 Регистрация: 4.8.2003 Где: г. Самара Репутация: нет Всего: 4 |
Проблема до сих пор актуальна.
-------------------- (A)bort, (R)etry, (I)gnore = Haфиг, Heфиг, Пoфиг ... :) |
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
К сожалению, да, нынешний CSS слабоват в управлении положением маркеров. Как вариант, можно поковырять саму картинку (добавить к ней пустых полей в несколько пикселей с нужной стороны и т.п.), но даже это не даст 100%-й гарантии одинаковости ее положения во всех браузерах. По-моему, вариант с левым паддингом LI и фоновой картинкой для него оптимален (а для печати, если что, можно вернуть дефолтные маркеры).
Это сообщение отредактировал(а) SelenIT - 7.2.2010, 22:28 -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |