| |
|
|
| | Здравствуйте. Сегодня изменял некоторые моменты в навигации, и, случайно, забыл сохранить копию на всякий случай (а зря!). И теперь моё меню не работает в IE (в хроме, опере и мозилле работает по-прежнему нормально).
Вот фрагменты:
<head>
<script type="text/javascript" src="drop_down.js"></script>
<style type=text/css>@import "styleMenu.css"; </style>
|
Файл drop_down.js:
startList = function()
{
if(document.all&&document.getElementById)
{
navRoot = document.getElementById("nav");
for(i=0; i<navRoot.childNodes.length; i++)
{
node = navRoot.childNodes;
if(node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className+=" over";
}
node.onmouseout=function()
{
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
|
[i]Файл styleMenu.css:
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
ul li a:hover { color: #E2144A; background: #f9f9f9; }
li ul li a { padding: 2px 5px; }
li:hover ul, li.over ul { display: block; }
|
Само меню:
<ul id="nav">
<li><a href="">Главная</a></li>
<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="">Администрация</a></li>
<li><a href="">Выход</a></li>
и т.д.
</ul>
</li>
</ul>
|
Где я ошибся? Предыдущий код был не мой... | |
| |
|
