Форум PHP программистов > выпадающие меню + IE6.0

[ Поиск ] - [ Пользователи ] - [ Календарь ]

maximvg

4.10.2009 - 12:53

Беда появилась, уже мозги высохли, что-бы разрешить её:
Есть страница. На ней есть 8 блоков и я хочу чтобы при наведении указателя мыши на блок появлялось 2 иконки которыебы отправляли юзера в разные интересные места.

Текст хтмл выглядит так:

HTML

Текст CSS выглядит так:

HTML

#navmenu-v .img{margin:0;padding:2px;height:139px;width:200px; border:2px solid #333;}
#navmenu-v #zoom {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='icon/l.png'); behavior: url(../jlib/iepngfix.htc); }
#navmenu-v #gall {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='icon/g.png'); behavior: url(../jlib/iepngfix.htc); }
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
margin: 0;
border: 0 none;
padding: 0;
width:auto;
list-style: none;
}

ul#navmenu-v:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-v li {
float: left;
display: block !important;
display: inline;
position: relative;
}
ul#navmenu-v li ul li {
border:none;
}

/* Root Menu */

ul#navmenu-v a {
padding: 0 6px;
display: block;
color: #FFFFFF;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: auto !important;
height: 1%;
}

ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
color: #000000;

}

/* 2nd Menu */

ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
color: #FFFFFF;
}

ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
color: #003366;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
display: none;
position: absolute;
top: 2px;
left:135px;
}

ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
display: block;
}

И ещё есть вот такая функция:

HTML

navHover = function() {
var lis = document.getElementById("navmenu-v").getElementsByTagName("LI");
for (var i=0; i<lis.length; i++) {
lis[i].onmouseover=function() {
this.className+=" iehover";
}
lis[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);

Нормально работает во всех броузерах, а в IE 6.0 работает только первый блок, а остальные не работают.

Перегуглил много выпадающих менюшек, и они все одинаково работают

.

Подскажите как решить такую несложную задачу.

Спустя 2 часа, 14 минут, 47 секунд (4.10.2009 - 14:08) Michael написал(а):

Когда делал себе меню заметил за IE6, что нужно обязательно для
подменю устанавливать св-во left (т.е. по умолчанию 0 не ставит как другие).
Может поможет.

Спустя 28 минут, 18 секунд (4.10.2009 - 14:37) maximvg написал(а):

Цитата (Michael @ 4.10.2009 - 11:08)

Мне кажется что в этом случае ИЕ не воспринимает количество id="navmenu_v", так как это нарушает стандарты W3 и от этого его колбасит. Вот как его побороть - вот в чём вопрос.

Left:0 не помогло

Спустя 27 минут, 38 секунд (4.10.2009 - 15:04) Семён написал(а):

в IE 6.0 атрибут :hover не работает.

Спустя 13 минут, 14 секунд (4.10.2009 - 15:17) maximvg написал(а):

Цитата (Семён @ 4.10.2009 - 12:04)

в IE 6.0 атрибут :hover не работает.

Если одно меню то оно работает (джава скрипт заменяет ховер). А если их делаю 8 - работает только первое. Гдето в другом месте глюк!

Хот у меня ещё jquery прикручен, может он мешает, но не должен.

Быстрый ответ:

Здесь расположена полная версия этой страницы.