опять выпадающее меню

aspid · May 12, 2008

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

1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал

2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь

CSS:

#menu{
display: block;
position:relative;
top:0;left:0;
padding:0; margin:0:

}

#menu a {
display: block;
width:100%; height: 10px;
background: #ccc;
}

#menu a:hover {
background: #aaa;
}

#menu *.drop {
background: #bbb;
}

#menu A,#menu a:hover,#menu a:active {
text-decoration:none;
color: #000;
}

#menu ul {
display: block;
position:relative;
padding:0; margin:0:
list-style-type: none;
WIDTH: 110px; 
}

#menu table {
BORDER-COLLAPSE: collapse;
 MARGIN: -1px;
position: relative;
left: 80px; top:-20px;
}

#menu li a ul{
position:absolute;
}

#menu li a ul,
#menu li a:hover li a ul {
visibility: hidden;
}


#menu li a:hover ul,
#menu li a:hover li a:hover ul{
display:block;
visibility: visible;
}

HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
<LINK href="files/1.css" type="text/css" rel="stylesheet">

</head>

<body>
<div id="menu">
 <ul>
 <li> <a href="#"> 1 </li></a>
 <li> <a href="#"> 2 </li></a>
 <li> <a href="#"> 3 </li></a>
 <li> <a href="#" class="drop"> 4 </li>
 <table id="table"> <tr><td> <ul>
 <li><a href="#"> 4.1 </a></li> 
 <li><a href="#" class="drop"> 4.2 </li>
 <table id="table"> <tr><td><ul>
 <li> <a href="#"> 4.2.1 </a></li>
 <li> <a href="#"> 4.2.2 </a></li>
 <li> <a href="#"> 4.2.3 </a></li>
 </ul></td></tr></table></a>
 <li><a href="#" class="drop"> 4.3 </li>
 <table id="table"> <tr><td>
 <ul><li> <a href="#"> 4.3.1 </a></li>
 <li> <a href="#"> 4.3.2 </a></li>
 <li> <a href="#"> 4.3.3 </a></li>
 </ul></td></tr></table></a>
 </td></tr> </table>
 </a> </a>
 <li> <a href="#"> 5 </li></a>


 <li> <a href="#"> 6 </li></a>
 <li> <a href="#"> 7 </li></a>
 <li> <a href="#"> 8 </li></a></ul>


</div>

</body>

</html>

плиз, помогите разобраться с этими 2-мя проблемами. спасибо.

зы. ЦСС начал изучать неделю-две назад, так что сильно не ругайте, если что)

ZoNT · May 27, 2008

[*] 1

жесть полная....

vvsh · May 29, 2008

[*] 1
жесть полная....

:lol:

Котяра · June 2, 2008

[*] 1

Действительно, закрывающего тега в

[*] не бывает! Везде поубирай aspid этот тег. Он явно лишний.

Sign In

опять выпадающее меню

Question

aspid

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

ZoNT

Link to comment

Share on other sites

vvsh

Link to comment

Share on other sites

Котяра

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information