Показано с 1 по 4 из 4

Тема: Кто поможет с выпадающим меню!

  1. #1

    Регистрация
    27.11.2005
    Сообщений
    30

    Лампочка

    Всем Здравствуйте!
    Кто может помочь!
    есть меню (см прикрепленный фаил)
    нужно сделать так что бы при наведении на пункт выпадало ещё одно меню
    Пример вот [Только зарегистрированные пользователи могут видеть ссылки. ]
    там на этом же сайте где пример меню и я нашел описание к меню этого примера и кое что пробовал, но у меня не чего не получилось что бы внедрить функцию выпадания в своё меню.

    вот что у меня в indexe:

    <div id="menu">
    <ul id="nav">[*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ] [*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][/list]
    </div>



    а вот что в ксс:
    /********************** Navigation Tag *************************/
    #menu {
    position: relative;
    margin: 0 0 0 16px;
    padding-top: 0;
    height: 30px;
    border: none;
    background: transparent url(../images/navigation_bg.gif);
    width: 738px;
    }

    #menu li {
    float:left; text-transform: uppercase; letter-spacing: 1px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px; font-weight: bold; list-style-type:
    none; }

    #menu li a {
    display:block;
    padding:0 10px 0 10px;
    line-height:30px;
    background:none;
    color: #2F4E02;
    text-decoration: none;
    }

    #menu li a:hover {
    text-decoration: none;
    background: transparent url(../images/navigation_tab_bg2.gif);
    color: #2F4E02;
    }

    #menu li a.active {
    background:url(../images/navigation_tab_bg.gif);
    color: #990000;
    }

    #nav {position: relative;
    height: 23px; margin: 0px 0px 0 0px;
    padding: 0 0 0 12px;
    border: none;
    }

    /********************** Sub Navigation Tag *************************/

    P.s navigation_tab_bg2.gif это (см прикрепленный фаил) желтого цвета выделение при навидении
    а navigation_tab_bg.gif это синий фон всего меню.


    Кто может помочь буду благодарен!

  2. #2

    Регистрация
    27.11.2005
    Сообщений
    30

  3. #3

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    функция добавляет к классам элемента списка еще один класс.
    скорее всего вы:
    1. забыли эти строчки
    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;
    }

    или

    2. неверно указали имена классов, добавляемых функцией (jshover) в CSS

  4. #4

    Регистрация
    27.11.2005
    Сообщений
    30
    null
    Спасибо!
    Кое как да разобрался!

Похожие темы

  1. Облако тегов с выпадающим меню
    от okey в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 14.06.2009, 20:48
  2. Меню
    от usk в разделе Веб-программирование
    Ответов: 0
    Последнее сообщение: 24.10.2008, 19:16
  3. Расположение меню
    от maks88 в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 22.06.2007, 05:20
  4. css меню
    от bacteriophage в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 11.03.2007, 21:52
  5. Может кто то поможет
    от Pashha в разделе 3D-технологии
    Ответов: 0
    Последнее сообщение: 05.08.2005, 12:48

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •