margin-width и list-style-image

[people2010]

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?

Edited September 16, 2010 by people2010

[stars]

Вы все таки очень интересный индивид все ваши последние вопросы находятся в гугле\яндексе в течение 2 минут и раз уж вы смогли приучить себя писать по каждому, самому простому вопросу на форуме, предлагаю вам попробовать начать изучать азы обращения с поисковиками. Поверьте мне это намного продуктивней чем просиживать все время исключительно на форуме.

P.S. С одной стороны это конечно оффтоп но я думаю, что куда более целесообразно направить человека в нужное русло нежели регулярно делать за него работу...

[swetlana]

Правильнее всего не исправлять.

Во-первых, IE6 отмирает, и IE7 вместе с ним. А решения данных проблем требуют некоторых затрат.

min-width просто не работает в IE6, поэтому принято для старичка пользовать expression.

Спроси у Яндекса так: "min-width IE6 expression". Держу пари, что на первой же странице найдётся с десяток руководств, из которых как минимум восемь на русском языке. Правда все они будут сводиться к одному и тому же способу.

list-style-image тоже динозаврами не обрабатывается ни в какую. Сколько способов я ни находила, а больше смысла тупо назначить background для li. Некрасиво, зато работает. Но тоже лучше так не делать, не заниматься поддержкой трупов, а писать под современные браузеры.

И вообще, хорош уже забивать голову IE6. У нас новая проблема: IE9.

И это такая проблема, что IE6 отдыхает.

Предлагаю озадачиться им, пока он ещё бета. Когда выйдет релиз, останется только хвататься за голову и песни петь матом в адрес пса смердящего Билла.

[people2010]

Я был в гугле, но на данный вопрос не нашёл ответа.

ИЕ9 уже вышла только она работает для ВИсты и виндоус7

Edited September 16, 2010 by people2010

[swetlana]

  people2010 said:

Я был в гугле, но на данный вопрос не нашёл ответа.

Вам Станиславского процитировать?

Какая красота:

http://www.google.com/search?q=min-width%2...-8&oe=utf-8

Особенно второй результат.

Edited September 16, 2010 by swetlana

[people2010]

Так значит для мин-видз явускрипт надо.

[npofopr]

...жесть.

вы зачем недавно читали про CSS хаки?

если бы все детально читали, то вполне бы нашли и про min-width

а для списков да, беграунды делайте.

li {
   background:url(картинка.jpg) no-repaet 0 5px;
   padding-left:10px;
}

[people2010]

.strelka_marker li{background:url(img/strelka.gif) no-repeat 5px center;

line-height:25px; padding-left:30px; overflow:hidden;}

Вот так сработало вроде, но проблема в том, что в ИЕ6, не обрезало точки, которые выходят за картинку.

Как быть?

Edited September 16, 2010 by people2010

[people2010]

Лучший вариант, это так:

.strelka_marker img{line-height:25px; padding-left:10px;

margin-right:5px;}

А потом:

<ul class="strelka_marker">
<img src="../img/strelka.gif" />Пункт1<br />
<img src="../img/strelka.gif" />Пункт2<br />
<img src="../img/strelka.gif"/>Пункт3<<br />
<img src="../img/strelka.gif" />Пункт4<br />
</ul>

Edited September 16, 2010 by people2010

[people2010]

Всё равно не то выходит, в моём случаи последнем выходит такое:

[people2010]

Наконец-то, вот так сработало везде:

.strelka_marker li{list-style-type:none; display:block;
background:url(img/strelka.gif) no-repeat; margin-left:5px;
padding-left:22px; }

[sigma77]

  people2010 said:

Лучший вариант, это так:

Лучший вариант - тебе сказали как. Используй стрелку фоном для элемента списка.

Странно, что ты задаешь вопрос и совсем не слушаешь, что тебе отвечают.

[swetlana]

sigma77, а вот и нет

Лучший вариант — да, сказали как.

Но это отнюдь не стрелка фоном.

Лучший вариант — забить на древние IE.

Сама Microsoft сейчас пытается от них откреститься любыми возможными способами. Чего нам-то за них держаться?

[sigma77]

  swetlana said:

sigma77, а вот и нет

Лучший вариант — да, сказали как.

Но это отнюдь не стрелка фоном.

Лучший вариант — забить на древние IE.

Сама Microsoft сейчас пытается от них откреститься любыми возможными способами. Чего нам-то за них держаться?

Дело не только в древних ИЕ. Просто у бекграунда есть одно небольшое преимущество перед list-style-image - это возможность спозиционировать маркер относительно строки.

[swetlana]

Это да, преимущество бесспорное. Даже не совсем правильно называть его небольшим — это значительное преимущество. Но всегда ли оно нужно? В стандартном случае применения маркера — нет.