Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#23 used as offset, casting to integer (23) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#25 used as offset, casting to integer (25) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Головоломка для чайника
ТвойWeb ТвойWeb
Качественный Европейский хостинг
 Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (1): [1] 

> Описание: Вертикальное выравнивание в списках
Поиск в теме | Версия для печати
Malcolm
Отправлено: 13 Сентября, 2006 - 23:14:52
Post Id



Junior Member


Покинул форум
Сообщений всего: 69
Дата рег-ции: Сент. 2006  
Откуда: Омск, Россия

Карма 0




 Стоит следующая задача. Воспроизвести следующее с помощью CSS:


Нажмите для увеличения


Код (менять нельзя):
CODE:

<body>
<ul>
<li>текст1</li>
<li>текст2</li>
<li>текст3 текст3 текст3 текст3 текст3 текст3 текст3 текст3</li>
<li>текст4</li>
</ul>
</body>


Сама стрелочка для желающих попробывать:

Дополнительные условия:

CODE:

li {
padding-left: 10px;
list-style-type: none;
background: url(arrow.gif) no-repeat left;
}

- признан знающими людьми семантически неверным.

CODE:

ul {
list-style: none outside url(arrow.gif);
}
li {
width: 100%;
vertical-align: middle;
}

- работает в IE, не работает во всех остальных. Видимо чего-то не хватает или не верно в принципе.

Никто не желает поразвлечься?
 
 Top
Ray Wen Администратор
Отправлено: 14 Сентября, 2006 - 02:14:39
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21
CODE:
ul {
list-style:none;
padding:0;
margin:0;
}
li {
display:block;
padding-left:16px;
background: url(arrow.gif) 0 50% no-repeat;
}
 
 Top
Malcolm
Отправлено: 14 Сентября, 2006 - 06:03:17
Post Id



Junior Member


Покинул форум
Сообщений всего: 69
Дата рег-ции: Сент. 2006  
Откуда: Омск, Россия

Карма 0




 Ray Wen
Можно ли тоже самое сделать не используя background? Логичнее вид маркера задать непосредственно в list-style?
 
 Top
Ray Wen Администратор
Отправлено: 14 Сентября, 2006 - 06:44:44
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




 Malcolm
Не логичнее... Улыбка Так проще и более гибко, так как иначе нельзя будет задать отступы и т.д...
 
 Top
Malcolm
Отправлено: 14 Сентября, 2006 - 06:57:35
Post Id



Junior Member


Покинул форум
Сообщений всего: 69
Дата рег-ции: Сент. 2006  
Откуда: Омск, Россия

Карма 0




 Ray Wen
Вот и я так думаю. Мне, собственно, это ни к чему, просто в одном из форумов наткнулся на такое "задание для начинающих" без ответа. Вот и проснулся спортивный интерес.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 2 (гостей: 2, зарегистрированных: 0, скрытых: 0)
« CSS »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®
[Script Execution time: 0.3205]     [ Gzipped ]



Notice: ob_end_flush(): failed to send buffer of ob_gzhandler (1) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/page_tail.php on line 33