IE скрывает подменю.

corol · October 2, 2008

Не знаю уже, почему IE срывает подменю, а в Mozille при наведении на самый нижний пункт меню, оно начинает прыгать.

$(document).ready(function(){

$('.topmenu li').hover(

function() {

$(this).find('ul:first').slideDown();

},

function() {

$(this).find('ul:first').slideUp('fast');

}

);

$('.topmenu li:has(ul)').find('a:first').append('»');

});

</script>

body {

margin: 0 auto;

padding: 0;

font: 75%/120% Arial, Helvetica, sans-serif;

}

a:focus {

outline: none;

}

.topmenu {

float:left;

}

.topmenu ul, .topmenu ul li{

list-style:none;

margin: 0;

padding: 0;

}

.topmenu ul li {

position:relative;

width:140px;

}

.topmenu ul li a{

display:block;

padding:10px 10px 10px 30px;

background:url('images/window.gif') no-repeat 10px center;

color: #0000FF;

text-decoration: none;

border:1px solid #999;

margin:1px;

}

.topmenu ul li a:hover{

color: #0000CC;

background-color:#eee;

}

.topmenu ul li ul {

display: none;

position: relative;

top:0px;

left:px;

}

</style>

</head>

<body>

<ul>

<li><a href="#">О компании</a>

<li><a href="#">Услуги</a>

<ul>

<li><a href="#">Ремонт</a></li>

<li><a href="#">Перевозки</a></li>

</ul>

</li>

<li><a href="#">Товары</a>

<ul>

<li><a href="#">Moulinex</a>

<ul>

<li><a href="#">Комбайны</a></li>

</ul>

<li><a href="#">Krups</a>

<ul>

<li><a href="#">Кофеварки</a></li>

</ul>

</li>

</ul>

</div>

Заранее благодарен.

corol · October 3, 2008

Не знаю уже, почему IE срывает подменю, а в Mozille при наведении на самый нижний пункт меню, оно начинает прыгать.
<script type="text/javascript">
$(document).ready(function(){
$('.topmenu li').hover(
function() {
$(this).find('ul:first').slideDown();
},
function() {
$(this).find('ul:first').slideUp('fast');
}
);
$('.topmenu li:has(ul)').find('a:first').append('»');
});
</script>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
font: 75%/120% Arial, Helvetica, sans-serif;
}
a:focus {
outline: none;
}
.topmenu {
float:left;
}
.topmenu ul, .topmenu ul li{
list-style:none;
margin: 0;
padding: 0;
}
.topmenu ul li {
position:relative;
width:140px;
}
.topmenu ul li a{
display:block;
padding:10px 10px 10px 30px;
background:url('images/window.gif') no-repeat 10px center;
color: #0000FF;
text-decoration: none;
border:1px solid #999;
margin:1px;
}
.topmenu ul li a:hover{
color: #0000CC;
background-color:#eee;
}
.topmenu ul li ul {
display: none;
position: relative;
top:0px;
left:px;
}
</style>
</head>
<body>
<div class="topmenu" style="width: 497px; height: 673px">
<ul>
<li><a href="#">О компании</a>
<li><a href="#">Услуги</a>
<ul>
<li><a href="#">Ремонт</a></li>
<li><a href="#">Перевозки</a></li>
</ul>
</li>
<li><a href="#">Товары</a>
<ul>
<li><a href="#">Moulinex</a>
<ul>
<li><a href="#">Комбайны</a></li>
</ul>
<li><a href="#">Krups</a>
<ul>
<li><a href="#">Кофеварки</a></li>
</ul>
</li>
</ul>
</div>
Заранее благодарен.

Спасибо всем, кто откликнулся. Я нашёл причину, по которой скрывалось подменю. но осталась проблема с прыганьем.

Sign In

IE скрывает подменю.

Question

corol

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

corol

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information