| |
|
|
| |
<ul id="nav"> <li><a href="#">Главная</a></li>
<li><a href="#">О Компании</a>
<ul>
<li><a href="#">История Компании</a></li>
<li><a href="#">Наши Содрудники</a></li>
<li><a href="#">Филиалы</a></li>
</ul>
</li>
</ul>
<style>
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
position: relative;
display: inline;
}
li ul {
position: absolute;
left: 0px;
top: 10px;
display: none;
}
a {
font-family: Verdana, Tahoma, serif;
font-size: 12px;
color: #003333;
text-decoration: none;
padding: 5px;
border: 1px solid #666666;
}
a:hover {
color: #CCCC00;
}
li:hover ul {
display: block;
}
li.over ul { display:block;}
</style>
<script>
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
|
вот такой код.. половину взял, половинку писал сам
подскажите ошибки... в ИЕ вобще почему-то хоть указан display: block выпадающее меню идет как inline... в Опере остается часть меню.... | |
| |
|
|
| |
|
|
| |
для: 1999
(26.04.2007 в 11:25)
| | | меню из шаблонов dreamweaver CS3 | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.04.2007 в 12:22)
| | | тем более... так почему не работает? | |
| |
|
|
| |
|
|
| |
для: 1999
(26.04.2007 в 12:26)
| | | то что выслал я работает без проблем. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.04.2007 в 12:58)
| | | не... я не хочу меню с таймаутом
хочу просто понять почему мое не работает( | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.04.2007 в 12:58)
| | | Посмотри что я тебе предложу! так тебе надо?
Тебе нужно всего лишь поменять следующие строки:
<ul id="nav"> <li><a href="#">Главная</a></li>
<li><a href="#">О Компании</a><br>
<ul>
<li><br><a href="#" style="display: block">История Компании</a></li>
<li><a href="#"style="display: block">Наши Содрудники</a></li>
<li><a href="#"style="display: block">Филиалы</a></li>
</ul>
</li>
</ul>
|
И всё! у меня работает нормально. Теперь тебе только осталось отредактировать стили границ и всё =) | |
| |
|
|
