Jump to content
  • 0

Горизонтальное выпадающее вверх меню на css в IE и Opera


EnergY2007
 Share

Question

Здравствуйте. Есть выпадающее меню на html+css. В Мозилле все нормально по выпадающем меню можно водить мышкой, выбирать пункты и т.д. В Опере и в ИЕ проблема, когда наводишь на пункт где есть выпдающее меню - оно появляеться, но если наводишь на него то оно сразу пропадает. В чем может быть проблема:

Код CSS:

	ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display: inline;}
ul.cssMenu ul{position: absolute;left:-1px;bottom:98%;}
ul.cssMenu ul ul{position: absolute;left:-2px;bottom:98%;}
ul.cssMenu,ul.cssMenu ul {
margin:0px;
list-style:none;
padding:0px 0px 3px 0px;
}
ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
display: inline;
zoom:1;
position:absolute;
z-index: 1000;


}
* HTML ul.cssMenu {position:absolute;}
ul.cssMenu li {
display: inline;
margin:3px 0px 0px 0px;
font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
display: block;
vertical-align:middle;
background-color:;
border-width:0px;
border-color:;
border-style:solid;
text-align:center;
text-decoration:none;
padding:0px;
_padding-left:0;
font:normal 11px Trebuchet MS, Tahoma;
color: #000000;
text-decoration:none;
cursor:pointer;
}
ul.cssMenu span{
overflow:hidden;
}
ul.cssMenu li {
float:left;
}
ul.cssMenu ul li {
float:left;
visibility:visible;
}
ul.cssMenu ul a {
text-align:center;
white-space:nowrap;
}
ul.cssMenu li:hover{
position:relative;
}
ul.cssMenu li:hover>a{
border-style:solid;
font:normal 11px Trebuchet MS, Tahoma;
color: #FFFFFF;
text-decoration:none;
}
ul.cssMenu li a:hover{
position:relative;
border-style:solid;
font:normal 11px Trebuchet MS, Tahoma;
color: #FFFFFF;
text-decoration:none;
}

ul.cssMenu a:hover ul{display:block}
ul.cssMenu li.cssMenui0 {
width:140px;
}
ul.cssMenu li a.cssMenui0{
font:bold 13px Arial;
color:#FFFFFF;
}
ul.cssMenu li a.cssMenui0:hover{
color:#FF0000;
}
ul.cssMenu li.cssMenui1 {
width:140px;
text-align: left;
margin-left:5px;
visibility:visible;

}
ul.cssMenu li a.cssMenui1{
font:normal 12px Arial;
color:#FFFFFF;
text-align: left;

}
ul.cssMenu li a.cssMenui1:hover{
color:#FF0000;
text-align: left;

}

Код HTML:

<ul class="cssMenu cssMenum">
<li class=" cssMenui0"><a class=" cssMenui0" href="#">Про нас</a></li>

<li style="border-left:1px solid #fff;" class=" cssMenui0"><a class=" cssMenui0" href="#">Послуги</a></li>
<li style="border-left:1px solid #fff;" class=" cssMenui0"><a class=" cssMenui0" href="#">Дизайн-проект</a></li>
<li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#"><span>Галерея</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class=" cssMenum" style="border-left:1px solid #fff;">
<li class=" cssMenui1" ><a class=" cssMenui1" href="#">Інтер'єри</a></li>
<li class=" cssMenui1" ><a class=" cssMenui1" href="#">Візуалізації</a></li>

<li class=" cssMenui1" ><a class=" cssMenui1" href="#">В роботі</a></li>
<li class=" cssMenui1" ><a class=" cssMenui1" href="#">Персонал компанії</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Ремонт під ключ</a></li>
<li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Контакти</a></li>
<li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Партнери</a></li>

</ul>

Вот сайт на котором это меню, в самом низу, выпадает меню при наведении на слово Галерея

Помогите пожалуйста

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0
Здравствуйте. Есть выпадающее меню на html+css. В Мозилле все нормально по выпадающем меню можно водить мышкой, выбирать пункты и т.д. В Опере и в ИЕ проблема, когда наводишь на пункт где есть выпдающее меню - оно появляеться, но если наводишь на него то оно сразу пропадает. В чем может быть проблема:

Код CSS:

Попробуйте так:

<!--[if lte IE 6]>
<li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Ремонт під ключ</a></li>
<li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Контакти</a></li>
<li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Партнери</a></li>
</td></tr></table></a><![endif]--></li>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy