Форум Сайтостроение Веб-строительство

Глюяно работает выпадающее меню

T
На сайте с 06.09.2010
Offline
27
Terrry
631

Здравствуйте! Я не очень разбираюсь в коде. Скачал себе образец выпадающего меню. Но внешне поменял его (в коде и в самой css). В опере отображается нормально, в остальных браузерах глючит. Это всегда так? Можно что-нибудь сделать? Или есть у кого-нибудь ссылки на выпадающее меню, где можно менять внешний вид, не очень разбираясь в коде?

по_суботам_не_работаю
На сайте с 10.04.2010
Offline
5
по_суботам_не_работаю
#1

покаж код.

по_субботам_не_работаю
T
На сайте с 06.09.2010
Offline
27
Terrry
#2

Я там все решил уже :)) Там была проблема в пикселях разных браузерах.

Но опять беда с экплоером.

Вот код:

body {margin:0px; font:10px Candara, Helvetica, sans-serif}

.floatleft {float:left; padding-right:5px}

.ddheader:hover {background:#FFFFFF}

.ddheader {width: 162px; height: 23px; border:1px solid #CCCCCC; padding:2px; font-weight:bold; margin-bottom:0px; cursor:pointer}

.ddcontent {position:absolute; overflow:hidden; width:208px; display:none; background:#FFF; z-index=200}

.ddinner {width:166px; border:1px solid #CCCCCC; border-top:none}

.ddinner ul {display:block; list-style:none; margin:0; padding:0}

.ddinner li {margin:0; padding:5px; cursor:pointer}

.ddinner li:hover {background:#FFFFFF}

.underline {border-bottom:0px solid #b9d6dc}

Я так понял у эксплоера какие-то проблемы с z-index. Что дописать, чтобы z-index заработал??

Как можно наказать за Кэширование в браузерах и ТИЦ: интересные изменения 13-01-07
4arger
На сайте с 17.12.2008
Offline
95
4arger
#3
Terrry:
Я так понял у эксплоера какие-то проблемы с z-index. Что дописать, чтобы z-index заработал??

сразу в глаза бросилось


.ddcontent {position:absolute; overflow:hidden; width:208px; display:none; background:#FFF; z-index=200}

замени на z-index: 200

T
На сайте с 06.09.2010
Offline
27
Terrry
#4
4arger:
сразу в глаза бросилось

замени на z-index: 200

А, да оно так и было в начале, я это попробовал для эксплоера.

по_суботам_не_работаю
На сайте с 10.04.2010
Offline
5
по_суботам_не_работаю
#5

ты бы хтмл код по этому меню тоже выложил, так будет легче помочь.

T
На сайте с 06.09.2010
Offline
27
Terrry
#6
по_суботам_не_работаю:
ты бы хтмл код по этому меню тоже выложил, так будет легче помочь.

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Подписаться</title>

<link rel="stylesheet" href="dropdown.css" type="text/css" />

<script type="text/javascript" src="dropdown.js"></script>

</head>

<body>

<div class="floatleft">

<div class="ddheader" id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)" style="width=166px; height=27px">

<span style="font-weight: 400">

<font face="Candara" size="2" color="#666666">

<img border="0" src="u.png" width="20" height="15"></font><span style="letter-spacing: 1px"><font face="Times New Roman" size="2" color="#595959"> Слово </font>

</span>&nbsp;

<img border="0" src="U-2.png" width="21" height="16">

<img border="0" src="U-5.png" width="18" height="15"></font></span></span></div>

<div class="ddcontent" id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">

<div class="ddinner">

<ul>

<li class="underline">

<img border="0" src="U-2.png" width="21" height="16"><font size="2" color="#666666" face="Candara"> Слово 2</font></li>

<li class="underline">

<img border="0" src="U-3.png" width="18" height="16"><font size="2" color="#666666" face="Candara">Слово 3</font></li>

<li class="underline">

<img border="0" src="U-5.png" width="18" height="15">

<font size="2" color="#666666" face="Candara">Слово 4</font></li>

<li>

<img border="0" src="U-7.png" width="20" height="13">

<font size="2" color="#666666" face="Candara">Слово 5</font></li>

</div>

</div>

</div></body>

</html>

Вывод ключевиков позиционированием. Про классы и стили Накосячил с версткой, помогите

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий