 |
Форум вебмастеров на AlfaSpace.NET / Создание сайта / Выравнивание маркеров с помощью CSS |
| Автор | Сообщение |
| IVOLGA Участник  3 |
# Дата: 9 Окт 2006 03:56 На сайте необходимо разместить некий текст в виде списка, при чем, в качестве маркеров - малюхонькие картинки. Можно, конечно расписать все это в HTML через < br > и < img src="..., но насколько я понял, так уже никто не делает, а прописывает стиль таблицы в CSS. Прописал. Получается одно из двух... 1 вар: в HTML делаю список через < ul > и < li > - в CSS прописываю стиль одного из тэгов (пробовала и того и другого) и маркер - через background-image: или list-style-image: (опять таки, пробовала оба варианта). Результат - помимо маркеров-картинок рядом со списком обычные маркеры. 2 вар: намучавшись с < ul > и < li >, я решил делать список безмаркеров - с помощью < dl > и < dt >. В CSS опять поочередно пытался прописать стили для одного и для другого тэга и маркеры с помощью тех же background-image: или list-style-image:. Результат: получился список из маркеров-картинок, но маркеры никак не хотят выравниваться по первой строчке пунктов. Вариации с background-position: и list-style-position: не приносят желаемого результата. Кто-нибудь сталкивался с проблемой выравнивания маркеров в CSS? Как решали? Поделитесь опытом. Пожаааалста! |
| Serg Участник 1815 |
# Дата: 9 Окт 2006 04:28 IVOLGA Хорошо было, если бы ты представил (а) свои наработки народу, проще станет ориентироваться какой должен получиться результат. |
| IVOLGA Участник 3 |
# Дата: 9 Окт 2006 04:41 Код в CSS: DT.1 { background-image: url(images/metki_list_04.gif); background-repeat: no-repeat; background-position: 105pt; padding-left: 120pt; padding-right: 10pt; padding-bottom: 4pt; color: #000000; font-size: 8pt; font-family: Verdana, Tahoma, Arial, Arial Cyr, Helvetica, sans-serif; в HTML: <dl> <dt class="1">не позволяйте технике понять, что вы спешите; <dt class="1">не вступайте в сражение с неодушевленным предметом, не имея нужной квалификации; <dt class="1">если долго ковыряться в механизме наугад, он обязательно сломается. </dl> результат виден здесь P.S. Я - "она". Привычка у меня говорить от мужского лица.  |
| smallcms Участник 2752 |
# Дата: 9 Окт 2006 05:44 IVOLGA 1. кто тебе разрешил называть классы с цифры? золотое правило css: называй классы как угодно, но первая должна быть латинская буква. пример: не <li class="1">, а <li class="dt1">. в css не DT.1 {...}, а DT.dt1 {...}. 2. рекомендую перейти обратно на ul, li и прописать для li свойство list-style-image: url(metki_list_04.gif); 3. задавать отступ слева не для тэга li, а для всего ul ещё раз помнить про п.1 поста и никогда его не нарушать. и всё у тебя получится. проверил у себя на локалке. если трудности - звони. |
| IVOLGA Участник 3 |
# Дата: 9 Окт 2006 06:01 Спасибо, smallcms. Про "называй классы как угодно, но первая должна быть латинская буква" - слышу впервые с того момента как узнала о существовании CSS (правда, это ооочень небольшой срок - измеряется месяцами ).
Попробую исправить все именно так. |
![[Valid RSS]](valid-rss.png "Validate my RSS feed")