Css меню

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

Наш партнер Genesis Hackspace
  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.691
  2. Роман Онищенко
    Ответов:
    0
    Просмотров:
    59
  3. susinmn
    Ответов:
    6
    Просмотров:
    744
  4. lmike
    Ответов:
    10
    Просмотров:
    1.107
  5. Snusmumrik
    Ответов:
    0
    Просмотров:
    678

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