Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Список и ссылка

#1 bestolloch

bestolloch
  • Пользователь
  • 224 сообщений
  • Репутация: 1
0

Отправлено 05 Октябрь 2010 - 21:08

Здравствуйте - вот код
<div id="nav">
<ul id="nav-menu">
<li><a href="zna4ki.php">Значки</a></li>
<ul>
<li><a href="zna4ki-proizv.php">Производим</a></li>
<li><a href="zna4ki-prodaja.php">Продаем</a></li>
</ul>
<li><a href="futbolki.php">Футболки</a></li>
<li><a href="kruzki.php">Кружки</a></li>
<li><a href="kovriki.php">Ковкрики для мышки</a></li>
<li><a href="magniti.php">Магниты</a></li>
<li><a href="brelki.php">Брелки</a></li>
<li><a href="raznoe.php">Разное</a></li>
</ul>
</div>

div#nav {
	min-height:800px;
	background: url(../img/nav.png) repeat-y;
	width:207px;
	float:left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#nav-menu {
	margin:0px;
	padding:0px;
}

#nav-menu li {
	font-size:12px;
	font:Verdana, Geneva, sans-serif;
	list-style:none;
	padding:0px;
	padding-bottom:0pt;
	margin:0px;	
}

ul#nav-menu {
	margin-top:15px;
	width:200px;
}

ul#nav-menu li {
	background:url(../img/knopka-nav.png);
	height:29px;
	width:207px;
}

ul#nav-menu li a {
	display: block;
	height:auto;
	padding-top:2px;
	padding-left:40px;
	color: #7C3201;
	font-weight:bold;
	font-size: 10pt;
}


ul#nav-menu li a:hover {
	color: #fff;
}

ul#nav-menu ul {
	padding-bottom:5px;
}

ul#nav-menu ul li {
	background:none;
	height:auto;
	padding-top:2px;
	padding-left:50px;
	color: #000;
	width:auto;
}

ul#nav-menu ul a {
	padding:0px;
	color: #000;
	font-weight: normal;
}

ul#nav-menu ul a:hover {
	color: #000;
	text-decoration: underline;
}

Почему у меня в IE участок
<ul>
<li><a href="zna4ki-proizv.php">Производим</a></li>
<li><a href="zna4ki-prodaja.php">Продаем</a></li>
</ul>

не обтикается - а ставится "под" остальные элементы страници? (в opere, ff, и более поздних версиях ie все правильно выдает)
И если есть где почитать про совместимость разных браузеров киньте пожайлусто ссылочку, вообще не имею представления.)

 

 

  • 0

#2 bumer

bumer
  • Пользователь
  • 502 сообщений
  • Репутация: 0

Отправлено 05 Октябрь 2010 - 23:43

почитай это может поможет http://www.html.by/s...php?t=7223,если нет то там задай вопрос, там люди помогут
  • 0

#3 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 07 Октябрь 2010 - 11:45

bestolloch,
у вас этот кусок кода "висит" (написан с нарушением правил языка html), поэтому некоторые браузеры не могут его правильно отобразить (т.е., фактически, исправить "на лету" ошибки в коде).
По правилам HTML надо либо закрыть предыдущий список закрывающим тегом </ul>, прежде чем начать новый:
<ul id="nav-menu">
<li><a href="zna4ki.php">Значки</a></li>
</ul>
<ul>
<li><a href="zna4ki-proizv.php">Производим</a></li>
<li><a href="zna4ki-prodaja.php">Продаем</a></li>
</ul>
, либо правильно оформить вложенный список:
<ul id="nav-menu">
<li><a href="zna4ki.php">Значки</a>
<ul>
<li><a href="zna4ki-proizv.php">Производим</a></li>
<li><a href="zna4ki-prodaja.php">Продаем</a></li>
</ul>
</li>
<li><a href="futbolki.php">Футболки</a></li>
<li><a href="kruzki.php">Кружки</a></li>
</ul>

И, соответственно, (для случая вложенного списка) исправить css-код (наверное, высоту элемента списка, в который вложен другой список, поставить auto, ну и с фоном подкорректировать)
  • 0

#4 bestolloch

bestolloch
    Topic Starter
  • Пользователь
  • 224 сообщений
  • Репутация: 1

Отправлено 07 Октябрь 2010 - 13:06

Гуд)) спс
  • 0


Оформление форума – IPBSkins.ru