Список в ие6

[Мо ской котик]

Сделал меню списком а в ие6 отображает вот так.

вот код

<ul id="nav">
<li class="top"><a href="#" class="top_link"><span>Главная</span></a></li>
<li class="top"><a href="#" class="top_link"><span>О нас</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Проекты</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Услуги</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Статьи</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Контакты</span></a></li>
</ul>

Edited April 5, 2011 by Мо ской котик

[clavin]

Может надо убрать пробелы между </li> <li>

[Мо ской котик]

так нет там пробелов

[cssview]

Покажи CSS

[rus]

1) зачем каждому <li> присваивать класс когда можно: #nav li {...} и #nav li a {...}?

2) где стили css?

[Мо ской котик]

#nav {
	padding:0 0 0 0;
	margin:0;
	list-style:none;
	height:54px;
	background:#fff url(1.bmp) 
	repeat-x;
	position:relative;
	z-index:500;
	text-align: center;
	font-family:Bookman Old Style, verdana, serif;
}
#nav li a.top_link {
	display:block;
	float:left;
	height:54px;
	line-height:54px;
	color: white;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 0px;
	cursor:pointer;
	background: url(1.bmp);
}
#nav li a.top_link span {
	float:center;
	display:block;
	padding:0 0px 0 0px;
	height:54px;
	width: 100px;
	background: url(1.bmp) right top no-repeat;
}
#nav li:hover a.top_link, 
#nav li.iehover a.top_link {
	color:#000;
	text-shadow: black 5px 5px 5px, black 0px 0px 1em;
	background: url(1.bmp) no-repeat;
	cursor:pointer;
}

Это я кусок вытащил просто из одной менюшки. сильно не ругайтесь.

В опере к примеру все корректно отображает.

[cssview]

Добавь для

#nav li { display: inline; zoom:1; }

А что это за новое свойство float: center; ?

[Мо ской котик]

Добавь для

#nav li { display: inline; zoom:1; }

А что это за новое свойство float: center; ?

Спасибо. А это я наверно что-то в дримвивере намудрил.

[cssview]

Спасибо. А это я наверно что-то в дримвивере намудрил.

Только смотри свойство zoom:1 - не проходит валидацию. По этому вынеси его только для IE, с помощью условных комментариев.

Edited April 5, 2011 by cssview

[Мо ской котик]

Только смотри свойство zoom:1 - не проходит валидацию. По этому вынеси его только для IE, с помощью условных комментариев.

Ха... Еще бы знать как это делать. Я с версткой под ие еще не знаком.

Edited April 5, 2011 by Мо ской котик

[cssview]

Условные коментарии

[Мо ской котик]

Я уже подумываю может проще сделать табличкой это меню и не парить себе мозг.

Edited April 5, 2011 by Мо ской котик

[cssview]

Я уже подумываю может проще сделать табличкой это меню и не парить себе мозг.

Зачем таблицей. Здесь все прекрасно выходит и списком.

Просто, покажи как должно выглядеть меню. Картинку.

[Мо ской котик]

Ну да, я сделал. все шикарно. Спасибо. вот кстати где это все будет http://www.emc-ru.net/test_new/

[cssview]

Слушай, а зачем ты вставляешь тег span? Там можно обойтись одним тегом a.

Edited April 5, 2011 by cssview

[Мо ской котик]

Говорю же это кусок из другого меню. там было всплывающее такое, многоуровневое. а для этого сначала тоже думал так сделать, а по сути разделов будет мало. Поэтому чуть позже почищу все это.

[SelenIT]

На всякий случай, неплохая ссылка по теме про странности списков в старых IE: http://cssing.org.ua/2008/03/09/ul-li-ie-bug/

[Мо ской котик]

Эх... Если бы я этим постоянно занимался, а я так, любитель. Делаю сайт для себя, ну и если кто попросит простечкий сайт набросать побыстромы.

Вот еще вопрос не по теме можно? У меня на другом сайте есть скрипт. Он собирает разные куски кода в одну страницу. Тоесть в зависимости от значения ?page= он подгружает тот или иной файл. Вот собственно вопрос. Будет ли проиндексирован такой сайт поисковыми роботами если все ссылки на сайте такого вида.

[Bmw258]

Здравствуйте,подскажите пожалуйста,у меня есть фоновый рисунок размером 1280px на 900px; можно было бы и больше 900px но она и так много тянет 124кб,но суть не в этом.Мне нужно её растянуть на всю ширину и высоту браузеров,я применил вот такой код к ней:

#fon{

margin: 0 auto;

padding:50px;

background:url(../images/fon.jpg) no-repeat;

background-size:100% 100%;

}

Все нормальные браузеры тянут картинку,даже при уменьшении экрана Ctrl - только в самом конце когда уже всё маленькое картинка чуть съезжает,но это не важно,они все понимают строку background-size:100% 100%; но как всегда ослик IE не знает что это,поэтому подскажите что прописать для IE?