Расстояние между элементами списка
Проблема в следующем: элементы списка должны быть в точных местах, но Эксплорер отображает расстояния несколько больше, чем в Опере и Лисе. Подозреваю, что проблему можно решить с помощью CSS-хака для Эксплорера. Но у меня маловато опыта в этом. А может и иначе проблему можно решить?
Хочу попросить помощи.
Хочу попросить помощи.
Ну если я все правильно понял, то нужно убрать всякие лишние паддинги и марджины, а потом с помощью line-height задать необходимое расстояние.
ЗЫ а вообще не помешало бы увидеть кусок проблемного кода :)
ЗЫ а вообще не помешало бы увидеть кусок проблемного кода :)
Шахматый этюд. Расположите элементы меню таким образом, чтобы они находились внутри отведенных для них черных полос. Править можно и html, и css, но основная идея - списки - должна остаться неизменной.
На варианты, вроде: "Ты шо дурак? Просто сделай фон элементов списка чорным и всё тут!" - буду смотреть со слезами на глазах и снисходительной улыбкой ;)
Ответом может быть просто код, не заморачивайтесь с файлами.
Спасибо!
На варианты, вроде: "Ты шо дурак? Просто сделай фон элементов списка чорным и всё тут!" - буду смотреть со слезами на глазах и снисходительной улыбкой ;)
Ответом может быть просто код, не заморачивайтесь с файлами.
Спасибо!
Попробуй решить просто хаком:
Только один IE поймет стиль начинающийся с $, хотя предупреждаю сразу - это не пройдет валидацию (если конечно, тебе важна валидация).
Код:
.class_name{margin-left:10px;$margin-left:0}
Только один IE поймет стиль начинающийся с $, хотя предупреждаю сразу - это не пройдет валидацию (если конечно, тебе важна валидация).
Цитата: skywalker
(если конечно, тебе важна валидация).
Спасибо. Но валидация важна. Когда я говорил про хаки, я в первую очередь думал об IF IE. Но я с хаками мало знаком.
В <head> можно написать <!--[if IE]><link ... /><![endif]-->
В <link> или в <style> загоняем стили которые будут только IE распознаватся
В <link> или в <style> загоняем стили которые будут только IE распознаватся
Простите, может чего не так понял.
Без хаков:
Без хаков:
Код:
<style type="text/css">
*{margin:0; padding:0;}
div{
background:url('fon.jpg') blue;
width:150px;
height:150px;
padding-top:10px;
}
ul {color:white;}
li{margin-bottom:3px;}
</style>
*{margin:0; padding:0;}
div{
background:url('fon.jpg') blue;
width:150px;
height:150px;
padding-top:10px;
}
ul {color:white;}
li{margin-bottom:3px;}
</style>
Вот. Кроссбраузерный код (проверял ИЕ 6, Опера 9, ФФ 2). Без хаков.
Код:
div {
background: url('fon.jpg');
width: 150px;
height: 150px;
padding: 0;
}
ul {
color: white;
padding-top: 8px;
line-height: 22px;
font-size: 14px;
}
background: url('fon.jpg');
width: 150px;
height: 150px;
padding: 0;
}
ul {
color: white;
padding-top: 8px;
line-height: 22px;
font-size: 14px;
}
Всем огромное спасибо! Всё сделано в лучшем виде.