Css меню

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем realmadrid, 26 авг 2007.

  1. realmadrid

    realmadrid Гость

    Здравствуйте!
    У меня следующее меню:

    <style type="text/css">
    #tabs ul li {
    margin-left: -5px;
    margin-bottom: 0px;
    padding: 7px 15px 7px;
    border: 1px solid #ffffff;
    list-style: none;
    display: inline;
    background-image:url(images/menu.jpg);
    height:29px;
    vertical-align:top;
    }
    </style>


    <div id="tabs">
    <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    </ul>
    </div>

    Меню находится в ячейке таблины. Но красиво и точно оно выглядит только в IE. В Opera верхняя граница ячейки проходит точнёхонько по верхнему краю текста, а отступ (padding-top) оказывается за границей ячейки. В Mozilla же меню висит в нескольких пикселах от верхнего края ячейки. Как это устранить?
     
Загрузка...
Похожие Темы - Css меню
  1. sxacher
    Ответов:
    6
    Просмотров:
    1.659
  2. susinmn
    Ответов:
    6
    Просмотров:
    714
  3. lmike
    Ответов:
    10
    Просмотров:
    1.050
  4. Snusmumrik
    Ответов:
    0
    Просмотров:
    657
  5. RzvCH
    Ответов:
    0
    Просмотров:
    462

Поделиться этой страницей