Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / осел со списками.. рррр / 4 сообщений из 4, страница 1 из 1
09.09.2008, 19:04
    #35530691
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
осел со списками.. рррр
бесит
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<style type="text/css">
		.container 
		{
			text-align: left;
			width: 736px;
		}
		ul, li
		{
			padding: 0px;
			margin: 0px;
			list-style-position: outside;
			list-style-image: url(../images/list-img.gif);
		}
	</style>
</head>
<body>
	<div align="center">
		<div class="container">
			hello
			<ul>
				<li>Lorem ipsum dolor sit amet consectetuer adipiscing</li>
				<li>Donec nonummy, eros eget cursus laoreet</li>
				<li>Lectus magna lobortis arcu nec fringilla orci nisi at nulla</li>
				<li>Morbi viverra porttitor nulla donec porttitor dictum</li>
			</ul>
		</div>
	</div>
</body>
</html>
картинку подпихните любую. Важное условие - маргины у списка нулевые, чтобы текст списка равнялся по остальному тексту. Бесячая тварь (6&7) сжирает мои картинки, стоит пробежаться поверх страницы каким-нибудь окном, т.е. тупо их не перерисовывает. Кто видел какие-нибудь хитровыверты, чтобы победить эту багу?
...
Рейтинг: 0 / 0
09.09.2008, 19:37
    #35530741
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
осел со списками.. рррр
Код: plaintext
1.
2.
3.
4.
5.
6.
		.container 
		{
			text-align: left;
			width: 736px;
                        padding:10px
		}
Если картинка дается в аутсайд - следовательно для нее нужно предусмотреть место (padding).
...
Рейтинг: 0 / 0
10.09.2008, 13:21
    #35531790
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
осел со списками.. рррр
гениально, спасибо
но блин, похоже придется отказаться от этой идеи, осел рисует картинки очень близко к тексту, в то время как остальные рисуют их на нормальном расстоянии, и похоже это не подправить :(
...
Рейтинг: 0 / 0
11.09.2008, 13:19
    #35533917
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
осел со списками.. рррр
в результате написал страшный фоллбек для осла :) в кратце такой
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
li div 
{
	position: absolute;
	width: 0px;
	height: 0px;
}
li div div
{
	position: absolute;
	left: -26px;
	top: -5px;
	width: 18px;
	height: 22px;
}
ul li div div
{
	background-image: url(../images/list-item.gif);
}
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
	<div align="center">
		<div class="container">
			Hello
			<ul>
				<li>Lorem ipsum dolor sit amet consectetuer adipiscing</li>
				<li>Donec nonummy, eros eget cursus laoreet</li>
				<li>Lectus magna lobortis arcu nec fringilla orci nisi at nulla</li>
				<li>Morbi viverra porttitor nulla donec porttitor dictum</li>
			</ul>
		</div>
	</div>
	<script type="text/javascript">
		$$('ul li').each(function(el) {
			var d = document.createElement('div');
			d.appendChild(document.createElement('div'));
			el.grabTop(d);
		});
	</script>
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / осел со списками.. рррр / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]