powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / осел со списками.. рррр
4 сообщений из 4, страница 1 из 1
осел со списками.. рррр
    #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
осел со списками.. рррр
    #35530741
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
		.container 
		{
			text-align: left;
			width: 736px;
                        padding:10px
		}
Если картинка дается в аутсайд - следовательно для нее нужно предусмотреть место (padding).
...
Рейтинг: 0 / 0
осел со списками.. рррр
    #35531790
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
гениально, спасибо
но блин, похоже придется отказаться от этой идеи, осел рисует картинки очень близко к тексту, в то время как остальные рисуют их на нормальном расстоянии, и похоже это не подправить :(
...
Рейтинг: 0 / 0
осел со списками.. рррр
    #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
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / осел со списками.. рррр
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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