VPF::выпадающее меню на css - Форум программистов

StachelDraht

Дата 24.4.2009, 15:09 (ссылка)

(нет голосов)

Загрузка ...

Не Опытный

Профиль
Группа: Участник
Сообщений: 429
Регистрация: 19.1.2006

Репутация: нет
Всего: 1

Товарищи, занаю, тема далеко не новая но все же...

Проблемы с пыдающим меню, неработает.

Код


<div id="container">
<ul id="nav">
   <li><menu><menu_link><a href="{href}">{name}</a></menu_link></menu></li>
   <ul>
     <li><menu_sub><menu_link><a href="{href}">{name}</a></menu_link></menu_sub></li>
   </ul>
</ul>
</div>

Код


#nav, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  background: #515151;
  float: left;
  width: 100%;
}
#nav li {
  float: left;
  position: relative;
  background: #515151;
  background: none;
}
 
#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 120px;
  padding: 4px 10px;
  background: url(dot.png) repeat-y right;
}
#nav a:hover {
  color: #000;
  background: #ffffff;
}
#nav li:hover,
#nav li.jshover {
  background: #333;
}
 
#nav li ul {
  display: none;
  position: absolute;
  background: url(fone-tr.png);
  padding: 8px 0;
  width: 138px;
}
#nav li li a {
  width: 118px;
  background: none;
}
#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}
 
#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 138px;
  top: -9px;
  left: 118px;
  lef\t: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}

#container{background:#fff url(/i/small-logo.png) no-repeat 99% 10px;text-align:left;margin:0 auto;width:750px;padding:1em;border:1px solid #ccc}
ul{margin:0 0 0 2.5em;padding:0}
h1{margin:0;padding:0.5em 0 1em 0;letter-spacing:-0.1ex;font-size:1.8em}
h2{margin:0;padding:0.5em 0;letter-spacing:-0.1ex;font-size:1.5em}
hr{clear:both;height:1px;color:#ccc;background:#ccc;border:none}
p{margin:0;padding:0.5em 0}

выводит на экран только под меню причем уже отрытое. Главное меню из которого все должно выпадать, не выводит.

Подскажи пожалуйста, в чем проблема.

Спасибо!!!

Это сообщение отредактировал(а) StachelDraht - 24.4.2009, 15:12

WebMast

Дата 24.4.2009, 21:24 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2

Крайне неправилен HTML код.

http://bitby.net/design/vydvizhnoe-menyu-s-pomoschiyu-css/ - Вот, может тут то, что вам нужно.

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »