Не могу разобраться с меню

Тема в разделе "Верстка", создана пользователем paska_85, 8 янв 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. paska_85

    paska_85 Постоялец

    Регистр.:
    21 окт 2009
    Сообщения:
    105
    Симпатии:
    26
    Собственно создал всплывающие горизонтальное меню, при наведении (ховер) открываются все нужные подпункты меню в таком виде как нужно, только сдвинутые на 10-20px ниже меню и при убирания мышки, пункты пропадают.
    Код:
    #menu {
        margin-top:220px;
        position: absolute;
        height: 35px;
        width: 994px;
        background-image: url(images/v_menu.png);
        margin-left:3px;
        border-radius:10px;
        -moz-border-radius:10px;
        -khtml-border-radius:10px;
    }
     
    #menu li {
        float: left;
        list-style: none;
        font-size: 16px;
        margin-top:0px;
        margin-left:7px;
    }
     
    #menu li:hover {
        float: left;
        list-style: none;
        font-size: 16px;
        background-color: #167fc8;
        margin-top:0px;
        margin-left:7px;
        height: 35px;
    }
     
    #menu a {
        font-family: MagistralC;
        color: #FFFFFF;
        padding-top: 0px;
        padding-right: 13px;
        padding-bottom: 0px;
        padding-left: 13px;
        position: relative;
        text-decoration: none;
        font-weight: bold;
        line-height: 170%;
        margin-left:5px;
    }
     
     
    #menu li ul {
            list-style: none;
            padding: 0;
            margin: 0;
            width: 150px;
            display: none;
            position: absolute;
            left: 0;
            top: 45px;
            }
           
    #menu li ul li {
        height: 33px;
        margin: 0;
        width: 200px;
        margin-left:287px;
        background-image: url(images/v_menu.png);       
            line-height: 170%;
            }
     
    #menu li:hover ul, #menu li.jshover ul {
            display: block;
            }
     
    #menu li:hover, #menu li.jshover {
            background: #167fc8;
            }
    
    Код:
    <!-- меню-->
        <div id="menu">
          <ul>
            <li><a href="#">Ссылка</a></li>
          <div id="line"></div>
            <li><a href="#">Ссылка</a></li>
          <div id="line1"></div>
            <li><a href="#">Ссылка</a>
                <ul>
                    <li><a href="#">подсылка</a></li>
                    <li><a href="#">подсылка</a></li>
                    <li><a href="#">подсылка</a></li>
                    <li><a href="#">подсылка</a></li>
                    <li><a href="#">подсылка</a></li>
                    <li><a href="#">подсылка</a></li>
                </ul>
            </li>
          <div id="line2"></div>
              <li><a href="#">Ссылка</a></li>
          <div id="line3"></div>
              <li><a href="#">Ссылка</a></li>
          <div id="line4"></div>
              <li><a href="#">Ссылка</a></li>
          <div id="line5"></div>
              <li><a href="#">Ссылка</a></li>
              </ul>
        </div>
            <!-- меню конец-->
     
  2. Leony

    Leony

    Регистр.:
    18 мар 2008
    Сообщения:
    153
    Симпатии:
    25
  3. paska_85

    paska_85 Постоялец

    Регистр.:
    21 окт 2009
    Сообщения:
    105
    Симпатии:
    26
    Это генератор!
    У меня меню уже под сайт настроено. Все ок, только вот проблема со всплывающим меню. до сих пор не могу разобраться.
     
  4. Leony

    Leony

    Регистр.:
    18 мар 2008
    Сообщения:
    153
    Симпатии:
    25
    Лишние атрибуты у тебя:
    в #menu li:hover – margin-left:7px;
    в #menu li ul – top: 45px;
    в #menu li ul li – margin-top:-10px;
    Убери или закомменть их – и будет тебе счастье
     
    paska_85 нравится это.
  5. paska_85

    paska_85 Постоялец

    Регистр.:
    21 окт 2009
    Сообщения:
    105
    Симпатии:
    26
    Первое и второе убрал. Помогло.
    Третьего не нашел в коде такого.
    спасибо