проблема с ослом!

Gorik · August 17, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="menu.css">
<script language="JavaScript">
function startMenu() {
 if (document.getElementById) {
   nav = document.getElementById('menu');
   for (i=0; i<nav.childNodes.length; i++) {
	 node = nav.childNodes[i];
	 if (node.nodeName == 'LI') {
	   node.onmouseover = function() {
		 this.className = 'over';
	   }
	   node.onmouseout = function() {
		 this.className = '';
	   }
	 }
   }
 }
}
</script>

</head>
<body onLoad="startMenu()">
				  <ul id=menu>
   <li><a style="background-image: url(img/triangle.gif)" class=brd>bsebsebserb</a>
	<ul> 
	 <li><a style="background-image: url(img/triangle.gif)" class=brd>drbdsbrdbsbr</a>
	   <ul> 
		<li><a href="about/nakaz.shtml" class=brd>srsarbserbrb</a></li> 
		<li><a href="about/statut.shtml" class=brd>srbsrbb</a></li> 
		<li><a href="about/kerivn.shtml" class=brd>btftbdrbdbr</a></li>
		<li><a href="java script:ShowStructure()" class=brd>wewewewwew</a></li>
	  </ul> 
	 </li> 
	 <li><a href="about/divisions.shtml" class=brd>hjh,ghj,gj,gj,</a></li> 
	 <li><a href="about/rems.shtml" class=brd>blahrthdrthrdhtr</a></li> 
	 <li><a href="about/obladn.shtml" class=brd>fummmfmufumm</a></li> 
	 <li><a href="about/newtechn.shtml" class=brd>fynfnfnfnyfnfy</a></li>
	 <li><a href="about/history.shtml" class=brd>fynfnnfnfnynfyn</a></li>
	</ul> 
   </li> 
   <li><a href="./pers/Zmist.html" style="background-image: none" class=brd>fnyfnfnfynfynfnyfnyf</a> 
   </li>
   <li><a href="strateg.shtml" style="background-image: none" class=brd>fynfnyyyyyyyyf</a> 
   </li> 
   <li><a href="zvern.shtml" style="background-image: none" class=brd>nfytntytyt</a></li> 
   <li><a href="dovidk.shtml" style="background-image: none" class=brd>ryrnrytrntreytty</a></li> 
   <li><a href="dovidk/taryf.htm" style="background-image: none" class=brd>eyneneyeyttheh</a></li> 
   <li><a href="jobs.php" style="background-image: none" class=brd>ehthetrhrrrete</a></li> 
   <li><a href="newsarch.php" style="background-image: none" class=brd>tehehretretert</a></li> 
   <li><a href="sitemap.shtml" style="background-image: none" class=brd>hterhtetghethett</a></li> 
   <li><a href="gbook/gbook.php" style="background-image: none" class=brd>ethetertherthet</a></li> 
   <li><a href="/cgi-bin/search.cgi" style="background-image: none" class=brd>erterdes</a></li> 	
 </ul>
</body>
</html>

В Опере и Мозиле все гуд а в ИЕ глюк... Посоветуйте че нить плис!

код menu.css

 UL {
  width: 140px;			
  list-style: none;			
  margin: 0px;				
  padding: 0px;			
  font-family: Arial, sans-serif;	
  font-size: 10pt			
}
 UL LI  {
  position: relative		
}
 LI UL {
  position: absolute;		
  display: none;		
  top: 0px;			
  left: 152px;			
  z-index: 1			
}
 LI A {
  display: block;		
  width: 100%;			
  padding: 5px;			
  text-decoration: none;
  background:
   url(img/triangle.gif)		
   right center 		
   no-repeat;			
  color: #FFFFFF;			
  border: 1px solid #003399;	
  background-color: #003399;	
  border-bottom: none	
}
 LI UL LI A {
  background-image: none;	
  z-index: 2			
}
 LI A:hover {
  color: #000000;			
  background-color: #FFFFFF		
}
 LI:hover UL, LI.over UL { 
  display: block
}		
 .brd {
  border-bottom: 1px solid #ccc	
}

ЗЫ немного переработана менюшка bye Влад Мержевич

Emm · August 17, 2007

какой глюк?

yopopt · August 17, 2007

Опишите проблему более детально.

В Опере и Мозиле все гуд а в ИЕ глюк...

В ч?м глюк-то?

Gorik · August 17, 2007

в мозиле и опере все отображаетса ок а вот в ие когда наводиш курсос на меню с подменю между пунктами меню и между меню и подменю появляютса непонятние отступи

yopopt · August 17, 2007

Надо либо поставить другой доктайп, либо изменить код:

 LI UL {
  position: absolute;		
  display: none;		
  top: 0px;
  left: 152px;
  //left: 140px;
  z-index: 1			
}

А так-же перенести под все li:

   <li>
	<ul> 
	 <li>
	   <ul> 
		<li><a href="about/nakaz.shtml" class=brd>srsarbserbrb</a></li> 
		<li><a href="about/statut.shtml" class=brd>srbsrbb</a></li> 
		<li><a href="about/kerivn.shtml" class=brd>btftbdrbdbr</a></li>
		<li><a href="java script:ShowStructure()" class=brd>wewewewwew</a></li>
	  </ul>
	  <a style="background-image: url(img/triangle.gif)" class=brd>drbdsbrdbsbr</a>
	 </li> 
	 <li><a href="about/divisions.shtml" class=brd>hjh,ghj,gj,gj,</a></li> 
	 <li><a href="about/rems.shtml" class=brd>blahrthdrthrdhtr</a></li> 
	 <li><a href="about/obladn.shtml" class=brd>fummmfmufumm</a></li> 
	 <li><a href="about/newtechn.shtml" class=brd>fynfnfnfnyfnfy</a></li>
	 <li><a href="about/history.shtml" class=brd>fynfnnfnfnynfyn</a></li>
	</ul>
	<a style="background-image: url(img/triangle.gif)" class=brd>bsebsebserb</a> 
   </li>

Gorik · August 20, 2007

yopopt сенк насчет left: 140px; это я тож пробовал но тогда в Опере и Мозиле подменю "залазит" на меню а в ?Е все ок... но пох ?то терпимо а вот почему глючило ?Е из-за отсутсвия рисунков?

Gorik · August 21, 2007

yopopt ты где ? )

yopopt · August 21, 2007

Не знаю, я с рисунками не смотрел поскольку они фоновые и не должны ни на что влиять...

Вот это специально для ие:

  //left: 140px;

Остальные браузеры этого кода не видят. То есть Опера, Фаерфокс и тд будут видеть только left: 152px;

Gorik · August 21, 2007

ну если можеш посмотри плис почему в ИЕ между пунктами(у которых есть подменюи соответственно фоновый рисунеок) основного меню появляэтса белая полоса!

заранее благодарен )

yopopt · August 21, 2007

Если я правильно понял, то Вам нужно внимательней посмотреть код в посте #5. Я специально перен?с ссылки под ul, чтобы в ие не было этой полосы.

Gorik · August 21, 2007

Большое спасибо все получилось ! ) но все-таки какая разница ? или это осел ? подпункты в списке должны же быть равноправны?

Sign In

проблема с ослом!

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information