Выпадающие меню в теме Slaed и ноль в FF

Spamol · November 25, 2009

Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы:

1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню:

HTML

<ul id="cssmenu">
<li><a href="index.php">Главная</a> 
</li> 
<li><a href="#">О клубе</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
<li><a href="#">Ссылка 3</a></li>
<li><a href="#">Ссылка 4</a></li>
<li><a href="#">Ссылка 5</a></li>
</ul>
</li>

</ul>

CSS

ul#cssmenu {
width:960px;
margin: 0;
margin-top:-55px;
margin-left:24px;
border: 0 none;
padding: 0;
list-style: none;
height: 57px;
}
ul#cssmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 30px;
}
ul#cssmenu ul {
margin: 0;
border:1px solid #6f6433;
padding: 0;
width: 136px;
list-style: none;
display: none;
position: absolute;
top: 35px;
left: 0;
background-color:#000;
}
ul#cssmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0; 
visibility: hidden;
}
ul#cssmenu ul li {
width: 136px;
float: left;
display: block !important;
display: inline;
}
/* Menu Main */
ul#cssmenu li a {
border: 0px;
padding: 0 1px;
float: none !important;
float: left; 
display: block;
background:url(images/bg_menu.gif) center no-repeat;
color: #572500;
font-size:13px;
line-height:28px;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
text-decoration: none;
text-align:center;
height: 57px;
width:132px;
}
/* Main Menu Hover */
ul#cssmenu a:hover,ul#cssmenu li:hover a,ul#cssmenu li.iehover a {
border: 0px;
padding: 0;
padding-top:3px;
margin:-3px -2px 0 0;
float: none !important;
float: left; 
display: block;
background:url(images/bg_menu_hover.gif) center no-repeat;
height: 60px;
width:136px;
}
ul#cssmenu a:focus{
border: 0px;
padding: 0;
padding-top:3px;
margin:-3px -2px 0 0;
float: none !important;
float: left; 
display: block;
background:url(images/bg_menu_focus.gif) center no-repeat;
height: 60px;
width:136px;
}
/* Second Menu */
ul#cssmenu li:hover li a,ul#cssmenu li.iehover li a {
background:none;
float: none;
color: #fcdd77;
font-size:11px;
text-align:left;
padding-left:15px;
width:136px;
height:25px;
text-decoration:underline;
}
/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,ul#cssmenu li:hover li:hover a,ul#cssmenu li.iehover li a:hover,ul#cssmenu li.iehover li.iehover a {
text-decoration:underline;
}
ul#cssmenu ul li:hover{
background-color:#40371e;
}
ul#cssmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 170px;
}
ul#cssmenu li:hover ul ul,ul#cssmenu li.iehover ul ul {
display: none;
}
ul#cssmenu li:hover ul,ul#cssmenu ul li:hover ul,ul#cssmenu li.iehover ul,ul#cssmenu ul li.iehover ul {
display: block;
}

Еще используется небольшой хак для IE 6.0

<script>
function cssmenuhover()
{
	if(!document.getElementById("cssmenu"))				
		return;
	var lis = document.getElementById("cssmenu").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", cssmenuhover);
</script>

2. Сайт в FF выглядеть нормально, но не работает не одна ссылка и меню, как будто сайте является картинкой, в чем может быть проблемма?

Justnewone · November 25, 2009

В фф вылечится, если ul#cssmenu дать релейтив и z-index больше нуля.

Аще, для начала откровенные косяки с кодом исправьте и будем дальше смотреть. Там всякие "ковычки в ковычках", тег скрипт и прочие прелести. В валидаторе посмарите откровенные ошибки. Незакрытые одиночные теги не в счет.

Spamol · November 25, 2009

Я перед натяжкой смотрел там были не существенные ошибки и хаки для старых ослов, после натяжки слаед еще подкинул ошибок... Ява скрипт не знаю, исправте код, так как брал его из нета)

В фф вылечится, если ul#cssmenu дать релейтив и z-index больше нуля.

Не помогло, в фф тоже самое бесдейтвие и не только меню, но все остальные ссылки тоже!

Edited November 25, 2009 by Spamol

Justnewone · November 25, 2009

Я перед натяжкой смотрел там были не существенные ошибки и хаки для старых ослов, после натяжки слаед еще подкинул ошибок... Ява скрипт не знаю, исправте код, так как брал его из нета)

Нет, делайте сами.

Spamol · November 25, 2009

Нет, делайте сами.

Не паникуйте, лучше по делу и с примерами нормально обьясните, посмотрел валидатор, ошибки не совсем понятны!

Justnewone · November 25, 2009

Не паникуйте, лучше по делу и с примерами нормально обьясните, посмотрел валидатор, ошибки не совсем понятны!

Не хамите, пожалуйста. Неприятно.

Spamol · November 25, 2009

Не хамите, пожалуйста. Неприятно.

Не не, ни разу не хотел нахамить, если что сорри... Я вот думаю насчет своих проблемм, к вечеру не мешало бы разобраться)

Ну помогите уже кто-нибудь?

Edited November 25, 2009 by Spamol

Spamol · November 25, 2009

Народ, Вы где все, помогите по 2-ум вопросам!

s0rr0w · November 25, 2009

Вы присвоили body z-index: -1

Зачем?

Spamol · November 25, 2009

Ооо пасиб, в мозилле все заработало даж меню закрывается теперь))) А сделал чтобы голова мужика в IE 6.0 не залазила за фон, В общем были на то причины....

Осталась 1 проблемма CSS меню в Опере и Ослике не закрывается при отводе мышки)

s0rr0w · November 25, 2009

Ооо пасиб, в мозилле все заработало даж меню закрывается теперь))) А сделал чтобы голова мужика в IE 6.0 не залазила за фон, В общем были на то причины....
Осталась 1 проблемма CSS меню в Опере и Ослике не закрывается при отводе мышки)

Регексп неправильный

Spamol · November 26, 2009

Регексп неправильный

А можно подробнее, что за "Регексп"?

s0rr0w · November 26, 2009

А можно подробнее, что за "Регексп"?

Гугл уже закрыли?

RegExp

Spamol · November 26, 2009

Так, а вы думаете это из-за java кода? Я его не знаю, мне с ним долго разбираться, может сразу укажите на ошибку?

s0rr0w · November 26, 2009

Так, а вы думаете это из-за java кода? Я его не знаю, мне с ним долго разбираться, может сразу укажите на ошибку?

Где вы там код Java увидели?

Мне лень исправлять ошибки в "вашем" коде.

Spamol · November 26, 2009

Я имею ввиду ява скрипт... Ну извените меня, этот форум существует для помощи, я вас прошу указать на ошибки, при этом их не должно быть много, тем более я не знаю Явы скрипта, помогите мне кто-нибудь с этой явкой)

s0rr0w · November 26, 2009

Я имею ввиду ява скрипт... Ну извените меня, этот форум существует для помощи, я вас прошу указать на ошибки, при этом их не должно быть много, тем более я не знаю Явы скрипта, помогите мне кто-нибудь с этой явкой)

Да, этот форум существует для помощи тем, кто хочет разобраться, а не для халявного решения чужих проблем. Ваши проблемы останутся вашими проблемами, мы не Матери Терезы помогать страждущим и немощным.

Spamol · November 27, 2009

Каких халявщиков, я что прошу мне макет сверстать, потому что не знаю как div блок закрыть? Я прошу помочь мне решить маленькую проблемму с ява скриптом, потому что я его не знаю, а учить ради исправления этой ерундовой задачи - нет смысла..... Если вы знаете этот язык, почему не подсказать в чем проблемма?

LunatiK · November 27, 2009

Вот это

 lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");}

на

 lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover"), "");}

Spamol · November 27, 2009

LunatiK, вот спасибо огромное тебе.... Все работает отлично!

Вот человек, взял и помог, а то пишет народ, сам не знает ничего, только учит!

Edited November 27, 2009 by Spamol

s0rr0w · November 27, 2009

LunatiK, вот спасибо огромное тебе.... Все работает отлично!
Вот человек, взял и помог, а то пишет народ, сам не знает ничего, только учит!

Давай ты не будешь мне рассказывать, что мне делать, а я не буду указывать тебе, куда идти.

LunatiK · November 27, 2009

Вот человек, взял и помог, а то пишет народ, сам не знает ничего, только учит!

Это вы зря, здесь народ если учит - значит знает, а ещё вам добра желает. Добра - знаний, усилий и учёбы. А то обычно и выростают халявщики, паразиты на теле общества.

Justnewone · November 27, 2009

Вы ведь, допустим, денег получите еще за этот сайт, поделитесь с Лунатиком и Сорроу? Почестному же, люди время свое тратили, разгребая Ваш, так сказать код. Хотяб по немножку?

Spamol · November 27, 2009

Я не кому не указываю куда идти, просто если вы не пишите насчет проблеммы, зачем вообще писать?

Извените меня, но для того чтобы увидеть ошибку и убрать просто слешь в конце функции для человека знающего Яву ничего не стоит, а вы мне учить язык из-за этого слеша предлагали, странно это...

sigma77 · November 27, 2009

... а вы мне учить язык из-за этого слеша предлагали, странно это...

Да нет. Вам просто предложили прогнать код через валидатор и исправить для начала явные ошибки. Это вроде не так сложно?

Вы же встали в позу, что все вам тут чем-то обязаны.

Spamol · November 28, 2009

Правильно, я его прогнал и написал ошибки не очень понятны... И вообще причем тут валидатор, если я был уверен что ошибка в JavaScript'e....?

Sign In

Выпадающие меню в теме Slaed и ноль в FF

Question

Link to comment

Share on other sites

28 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information