Design Help

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Design Help » Редактирование стиля » Скрипт выпадающего меню


Скрипт выпадающего меню

Сообщений 1 страница 6 из 6

1

В HTML-верх

Код:
<style type="text/css">
#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;
  back\ground: none;
}
#nav li ul {
  display: none;
  position: absolute;
  background: url(http://beholder-eye.info/example/dropdown/fone-tr.png);
  padding: 8px 0;
  width: 138px;
}
#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 120px;
  padding: 4px 10px;
  background: url(http://beholder-eye.info/example/dropdown/dot.png) repeat-y right;
}
#nav a:hover {
  color: #000;
  background: #ccc;
}
#nav li:hover {
  background: #333;
}
#nav li li a {
  width: 118px;
  background: none;
}
#nav li:hover ul {
  display: block;
}
#nav li:hover li ul {
  display: none;
  width: 138px;
  top: -9px;
  left: 133px;
}
#nav li:hover li:hover ul {
  display: block;
}
</style>


В Объявление

Код:
<ul id="nav">
  <li><a href="#null">Домой</a></li>
  <li><a href="#null">Каталог</a>
    <ul>
      <li><a href="#null">Вся продукция</a>
        <ul>
          <li><a href="#null">По дате</a></li>
          <li><a href="#null">Производители</a></li>
          <li><a href="#null">Другое</a></li>
        </ul>
      </li>
    </ul>
  </li>
  ...
</ul>

Взято

0

2

А вот это вставил, и что делать дальше?

0

3

Mary Nikelton, заполнять, разумеется. Всё делается как и при заполнении обычной таблицы.

0

4

У меня не получается. Как таблицу заполнять я знаю, а это нет...(

0

5

Mary Nikelton, внизу сообщения есть ссылка на источник - там подробно расписано к чему относится каждый пункт меню.)

0

6

а есть пример?

0


Вы здесь » Design Help » Редактирование стиля » Скрипт выпадающего меню


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC