Login
ошибка в меню/ css
286
04.06.09 00:45
привет всем знатокам!
хотелось бы найти ошибку в меню http://www.muskatto.de/1.html.
при наводе мышкой на слово "продукция", появляется выпадающее меню справа, но оно тут же выключается, когда курсор опускается вниз. где ошибка? искала в размераз - не разберусь!
спасибо заранее!
хотелось бы найти ошибку в меню http://www.muskatto.de/1.html.
при наводе мышкой на слово "продукция", появляется выпадающее меню справа, но оно тут же выключается, когда курсор опускается вниз. где ошибка? искала в размераз - не разберусь!
спасибо заранее!
NEW 04.06.09 13:58
in Antwort NRia 04.06.09 00:45
Убрав несущественное:
PS Используйте HTML 5. Это гарантирует стандартный режим рендеринга во всех браузерах. Используйте conditional comments для исправления IE-багов вместо хаков. Используйте jquery - это радикально сокращает количество кода.
В ответ на:
1.html
1.html
<!doctype html>
<html lang='de'>
<head>
<meta http-equiv='content-type' content='text/html; charset=windows-1251'>
<title>www.aqua-deliciae.de</title>
<link rel='stylesheet' type='text/css' href='css/layout.css' />
<!--[if lt IE 7]>
<link rel='stylesheet' type='text/css' href='css/layout_ie6.css' />
<![endif]-->
</head>
<body>
<ul id='nav'>
<li><a href='index.html'>главная</a></li>
<li>
<a href='produkte.html'>продукция</a>
<ul>
<li><a href='wasseranlage.html'>системы очистки воды</a></li>
<li><a href='raumreinigungssystem.html'>системы очистки воздуха</a></li>
<li><a href='heimsauna.html'>домашняя сауна</a></li>
<li><a href='bio-abfallentsorger.html'>измельчитель пищевых отходов</a></li>
<li><a href='zepter.html'>посуда Цептер</a></li>
<li><a href='wc_dusche.html'>крышка-биде</a></li>
</ul>
</li>
<li><a href='wissenswert.html'>полезное</a></li>
<li><a href='http://shop.strato.de/epages/61476837.sf'>интернет магазин</a></li>
<li><a href='anfahrt.html'>карта проезда</a></li>
<li><a href='kontakt.php'>контакт</a></li>
<li><a href='impressum.html'>реквизиты</a></li>
</ul>
<!--[if lt IE 8]>
<script type='text/javascript' src='js/jquery-1.3.2.min.js'></script>
<script type='text/javascript' src='js/menu.js'></script>
<![endif]-->
</html>
layout.css
* {
text-decoration: none;
color: black;
}
ul {
width: 220px; /* Width of Menu Items */
list-style-type: none;
}
li {
position: relative;
}
li ul
{
display: none;
position: absolute;
left: 219px; /* Set 1px less than menu width */
top: 0;
}
/* Styles for Menu Items */
li a {
display: block;
}
li a:hover {
color: red;
background-color: #ccc;
}
li:hover ul, li ul:hover, .over ul {
display: block;
}
layout_ie6.css
li {
float: left;
height: 1%;
}
li a {
height: 1%;
}
menu.js
$( function(){
$('#nav > li').mouseenter( function(){
$(this).addClass('over');
});
$('#nav > li ul').mouseleave( function(){
$('.over').removeClass('over');
});
});
PS Используйте HTML 5. Это гарантирует стандартный режим рендеринга во всех браузерах. Используйте conditional comments для исправления IE-багов вместо хаков. Используйте jquery - это радикально сокращает количество кода.
NEW 04.06.09 17:43
in Antwort NRia 04.06.09 00:45
я бы посоветовал вам купить недорогой пакет интернет инструментов,при помощи которого Вы в несколько шагов создадите себе профессиональный сайт,ничем не уступающий тем которые создают профессиональные веб дизайнеры
NEW 04.06.09 23:32
in Antwort scorpi_ 04.06.09 13:58
спасибо огромное, разобралась!
а где можно подробней поучиться css (по современной книге или в интернете)? хотелось бы кратко, доступно и с примерами...
а где можно подробней поучиться css (по современной книге или в интернете)? хотелось бы кратко, доступно и с примерами...
NEW 04.06.09 23:34
in Antwort coralmine 04.06.09 17:43
возражаю, потом все сайты выглядят одинаково, сделаны по шаблонам. я за индивидуальный дизайн.
NEW 05.06.09 00:00
in Antwort NRia 04.06.09 23:32
NEW 05.06.09 01:45
in Antwort scorpi_ 05.06.09 00:00
Anhang
NEW 05.06.09 07:10
in Antwort NRia 05.06.09 01:45
Эта фишка выдумана майкрософтом, и работает только для IE (начиная с четвёртой версии). Но так как другие браузеры ближе к стандарту, то мы просто делаем в FF так как полагается по стандарту, а затем то, что не работает в IE исправляем через conditional comments. При использовании хаков просто выше вероятность, что они перестанут работать правильно при выходе новой версии браузера.
NEW 05.06.09 11:23
in Antwort scorpi_ 05.06.09 07:10
тоже дельный совет, значит буду настраивать все для FF. спасибо!