Jump to content
  • 0

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


Spamol
 Share

Question

Вот сайт 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 выглядеть нормально, но не работает не одна ссылка и меню, как будто сайте является картинкой, в чем может быть проблемма?

Link to comment
Share on other sites

Recommended Posts

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

Почему тогда вопрос в Javascript не разместили, для чего пустили всех по ложному следу своими фрагментами кода? =)

и как давно Вы узнали слово Javascript?

И по поводу гонорара что не отвечаете?

Link to comment
Share on other sites

  • 0
Правильно, я его прогнал и написал ошибки не очень понятны...

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

Link to comment
Share on other sites

  • 0
Почему тогда вопрос в Javascript не разместили, для чего пустили всех по ложному следу своими фрагментами кода? =)

Посмотрите фрагменты кода, внизу указан фрагмент код яваскрипта, указал сразу все, что относиться к проблемме!

и как давно Вы узнали слово Javascript?

Узнал давно, как версткой стал заниматся, так и узнал...

И по поводу гонорара что не отвечаете?

Вопрос неуместе вот и не отвечал, тут что платная консультация?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy