• Добрый день!.Проблему сам не могу решить!
    Горизонтальное меню в Mozzile и EI съезжает примерно на 3-5px в низ! В Chrome всё норм. Так вот, как адаптировать меню!?
    Сам сайт: http://www.Planetsecret.ru

    CSS меню:

    /* Menu */
    
    #catnav {
      margin: 23px 0 0 1px;
      padding: 0;
      clear: both;
      height: 42px;
      width: 870px;
      -moz-border-radius: 8px;
       -khtml-border-radius: 8px;
       -webkit-border-radius: 8px;
       background: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#040404));
       background: -moz-linear-gradient(top,  #121212,  #040404);
       filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#121212', endColorstr='#040404');
       border: 1px solid #090909;
       list-style: none;
       float: left;
      }
    
    #nav {
      list-style: none;
      margin: 0;
      padding: 0;
      }
    
    #nav ul {
      margin: 0;
      padding: 0;
      }
    
    #nav li {
      float: left;
      margin: -1px -1px -1px 0;
      padding: 0;
      border-right: 1px solid #121212;
      }
    
    #nav a {
      display: block;
      line-height: 44px;
      margin: 0;
      padding: 0 20px 0 15px;
      font-size: 10pt;
      font-weight: 200;
      color: #fff;
      letter-spacing: 0;
      border-right: 1px solid #000;
      }
      #nav li.first a {
       -moz-border-radius: 8px 0 0 8px;
       -khtml-border-radius: 8px 0 0 8px;
       -webkit-border-radius: 8px 0 0 8px;
       }
    
    #nav li a:hover {
      text-decoration: none;
      display: block;
      background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#080808));
       background: -moz-linear-gradient(top,  #202020,  #080808);
       filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#080808');
    
      }
    
    #nav li ul {
      list-style: none;
      position: absolute;
      width: 150px;
      left: -999em;
      }
    
    #nav li:hover ul, #nav li.sfhover ul {
      left: auto;
      }
    
    #nav li li {
      float: left;
      margin: 0;
      padding: 0;
      width: 150px;
      }
    
    #nav li li a {
      width: 150px;
      height: 24px;
      line-height: 24px;
      color: #fff;
      border-top: 1px solid #131f27;
      background: #040404;
      margin: 0;
      padding: 5px 20px 5px 15px;
      }
    
    #nav li li a:hover {
      border-top: 1px solid #131f27;
      background: #000;
      padding: 5px 20px 5px 15px;
      }
    
    #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
      position: static;
      }

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Вот в этом куске надо закрыть тэг img

    <div id="logo">
    <a href="http://www.planetsecret.ru">
    <img src="http://www.planetsecret.ru/wp-content/uploads/2012/02/Шапка.png"
    title="Непознанное | Загадки и тайны нашей планеты" alt="Непознанное | Загадки и тайны нашей планеты"
    </a>

    Т.е. вот так /></a> должен выглядеть хвост.

    skodnik Спасибо огромное!Помогло! Мучился месяц, а была такая мелоч!)

Просмотр 2 ответов — с 1 по 2 (всего 2)

Тема «Проблемы с меню» закрыта для новых ответов.