Оформление меню

[okunev2]

Ребята, плиз, подскажите кусок кода такого вертикально-выпадающего меню, И ещ? как можно офрмить с помощью css эти точки под текстом?

[Fed]

точки можно пустить без цсс.с помощью бордера вроде бы

[okunev2]

[okunev2]

Ни кто ни чем помочь не может

[SkyLight]

А тут нечего помогать. Таких меню - куча, надо только спросить у гугла.

[Fu-tai]

Блин. Как же достало это разгельдяйство......

Вот вам подробное описание и исполнение того что вы хотите!

Эта статья находится в codavr.ru с первого запроса и не надо мне говорить что вы искали и не нашли. Плохо искали!!!!!

http://webmascon.com/topics/coding/42a.asp

[okunev2]

Cделал все как написано здесь: http://webmascon.com/topics/coding/42a.asp

В Опере и Мозиле подменю появляется, а в IE 6 нет

вот код меню:

<script language="JavaScript" type="text/javascript">
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>

 <ul id="nav" class="menu3">
 <li><a class="menu2" href="#">АВТОМАТИЧЕСКИЕ ВОРОТА</a></li>
 <li><a class="menu2" href="#">АВТОМАТИЧЕСКИЕ ДВЕРИ</a></li>
 <li><a class="menu2" href="#">ШЛАКБАУМЫ И БАРЬЕРЫ</a></li>
 <li><a class="menu2" href="#">АВТОМАТИКА ДЛЯ ВОРОТ</a></li>
 <li><a class="menu2" href="#">КОНТРОЛЬ ДОСТУПА</a>
 <ul class="menu3">
 <li><a class="menu_sub2" href="#">АВТОМАТИКА ДЛЯ СДВИЖНЫХ ВОРОТ</a></li>
 <li><a class="menu_sub2" href="#">АВТОМАТИКА ДЛЯ РАСПАШНЫХ ВОРОТ</a></li>
 <li><a class="menu_sub2" href="#">АВТОМАТИКА ДЛЯ ГАРАЖНЫХ ВОРОТ</a></li>
 <li><a class="menu_sub2" href="#">АВТОМАТИКА ДЛЯ РОЛЬСТАВЕН</a></li>
 <li><a class="menu_sub2" href="#">АВТОМАТИКА ДЛЯ ДВЕРЕЙ</a></li>
 <li><a class="menu_sub2" href="#">АКССЕСУАРЫ</a></li>
 <li><a class="menu_sub2" href="#">ГОТОВЫЕ КОМПЛЕКТЫ</a></li>
 </ul>
 </li>
 <li><a class="menu2" href="#">ФАСАДЫ</a></li>
 <li><a class="menu2" href="#">РОЛЬСТАВНИ</a></li>
 <li><a class="menu2" href="#">ПЕРЕГОРОДКИ</a></li>
 <li><a class="menu2" href="#">ОГРАЖДЕНИЯ, ЗАБОРЫ</a></li>
 <li><a class="menu2" href="#">РЕШЕТКИ, КОЗЫРЬКИ</a></li>
 <li><a class="menu2" href="#">ПОСТЫ ОХРАНЫ</a></li>
 </ul>

вот содержимое css:

td.block_left {
 color: #000000;
 vertical-align: top;
 padding-top: 36px;
 padding-left: 8px;
}

a.menu {
 font-size: 13px;
 text-transform: uppercase;
 color: #2F2D45;
 font-weight: bold;
 text-decoration: none;
}

a.menu2 {
 font-size: 13px;
 text-transform: uppercase;
 color: #5D5B64;
 font-weight: bold;
 text-decoration: none;
}

a.menu_sub2 {
 font-size: 13px;
 text-transform: uppercase;
 color: #5D5B64;
 text-decoration: none;
}

ul.menu3 {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 200px;
}

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;
 padding: 5px;
 border: 1px solid #ccc;
 border-bottom: 0;
}

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 150px;
 border-bottom: 1px solid #ccc;
}


li:hover ul, li.oover ul {
 display: block;

[okunev2]

ни кто не знает в чем дело

чо за баг

[okunev2]

Sos

[Fed]

ссылку то дайте хотя бы на сайт.

[Fu-tai]

Читай внимательней статью там написано все!

И в том числе про ИЕ.