Для тех кто шарит в цсс

Тема в разделе "Мегафлуд", создана пользователем dimentiy89, 12 сен 2010.

Статус темы:
Закрыта.
  1. dimentiy89

    dimentiy89 Постоялец

    Регистр.:
    19 дек 2009
    Сообщения:
    64
    Симпатии:
    5
    Помогите поправить цсс
    сайт: http://www.grand-way.com.ua/
    Верхняя менюшка выглядит очень НЕ красиво
    Подскажите что дописать/поменять чтобы менюшка была:
    1) по центру
    2) сверху и снизу меню промежутки пропали

    содержание цсс:
    Код:
    .po ul{
         list-style:none;
         width:100%;
         height:40px;
         background:#000 url(images/bg-nav.gif) top left repeat-x;
         margin-left: auto; 
        margin-right: auto;
    }
    .po ul li{
         float:left;
         border-right:1px solid #333;
    }
    .po ul li a{
         display:block;
         height:40px;
         padding:0 35px;
         float:left;
         text-transform: uppercase;
         font:70%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
         color:#fff;
         text-decoration:none;
         text-align:center;
    }
    .po ul li a:hover,
    .po ul li.active a{
         background:url(images/bg-button.gif) top left repeat-x;
    }
     
  2. Mr.Emm

    Mr.Emm Постоялец

    Регистр.:
    5 май 2008
    Сообщения:
    147
    Симпатии:
    111
    хе-хе=)я шарю.. сделаю за сто баксов!
     
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.140
    Симпатии:
    671
    замени свои стили на эти (за кросс-браузерность не ручаюсь, не проверял)
    HTML:
    .po ul {
    background:url("images/bg-nav.gif") repeat-x scroll left top #000000;
    height:40px;
    list-style:none outside none;
    text-align:center;
    margin:0 0 -3px 0;
    }
    .po li {
    border-right:1px solid #333333;
    display:inline;
    margin-left:-6px;
    }
    .po a {
    color:#fff !important;
    font:70%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
    padding:13px 35px;
    text-decoration:none;
    text-transform:uppercase;
    line-height:40px;
    }
    .po a:hover, .po li.active a {
    background:url("images/bg-button.gif") repeat-x scroll left top transparent;
    }
     
    dimentiy89 нравится это.
Статус темы:
Закрыта.