1. Набираем команду codeby webinar. Набираем команду для организации и проведения вебинаров. Подробнее ...

    Скрыть объявление
  2. Требуются разработчики и тестеры для проекта codebyOS. Требования для участия в проекте: Знание принципов работы ОС на базе Linux; Знание Bash; Крайне желательное знание CPP, Python, Lua; Навыки системного администрирования. Подробнее ...

    Скрыть объявление
  3. Получи 30.000 рублей. Для получения денег необходимо принять участие в конкурсе авторов codeby. С условиями и призами можно ознакомиться на этой странице ...

    Внимание! Регистрация авторов на конкурс закрыта.

    Скрыть объявление

Css меню

Тема в разделе "Web - программирование", создана пользователем realmadrid, 26 авг 2007.

  1. realmadrid

    realmadrid Гость

    Репутация:
    0
    Здравствуйте!
    У меня следующее меню:

    <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 же меню висит в нескольких пикселах от верхнего края ячейки. Как это устранить?
     
Загрузка...

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