Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   margin-width и list-style-image (https://javascript.ru/forum/xhtml-html-css/11849-margin-width-i-list-style-image.html)

Golovastik 16.09.2010 23:57

margin-width и list-style-image
 
1)Не срабатывает такое для ИЕ6,как можно исправить?
html body {
min-width:1000px;
}

2)Не работает вот такое для ИЕ6 и ИЕ7
Код:

.strelka_marker{list-style-image:url(img/strelka.gif);
margin-left:25px; line-height:25px;}

Файл хтмл:
Код:

<ul class="strelka_marker">
<li>Пункт1</li?
<li>Пункт2</li?
<li>Пункт3</li?
<li>Пункт4</li?
</ul>

Во всех браузерах включая ИЕ8, отображает так:

В ИЕ6,ИЕ7 отображает так:

Как исправить в ИЕ7 и ИЕ6?

ksa 17.09.2010 11:13

Цитата:

Сообщение от Golovastik
2)Не работает вот такое для ИЕ6 и ИЕ7

Я не поддерживаю ИЕ6... Но раз тут затронут и ИЕ7... Вобщем вот в таком варианте все мои браузеры (ИЕ7, ФФ, Опера и Хром) показывают список одинаково.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
.strelka_marker{
	/*list-style-image: url(img/strelka.gif);*/
	margin-left: 25px; 
	line-height: 25px;
}
</style>
</head>
<body>
<ul class="strelka_marker">
	<li>Пункт1</li>
	<li>Пункт2</li>
	<li>Пункт3</li>
	<li>Пункт4</li>
</ul>
</body>
</html>

Golovastik 17.09.2010 11:59

Я немного по другому, вот так сработало:
.strelka_marker li{list-style-type:none; display:block;
background:url(img/strelka.gif) no-repeat; margin-left:5px;
padding-left:22px; }


Проблема что min-width не работает в ИЕ6,что делать? Как исправить проблему?

subzey 18.09.2010 12:37

javascript.ru/forum/css-html-internet-explorer/11854-rasshifrovat-stil-s-yavaskriptom.html

Вот эта тема начинается с решения min-width в ie6 :)


Часовой пояс GMT +3, время: 16:19.