Выравнивание Moo Menu по центру

Discussion in 'Внешний вид, шаблоны, графика' started by japanese_mouse, May 30, 2011.

  1. Offline

    japanese_mouse Недавно здесь

    Joined:
    May 30, 2011
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Добрый день, такая проблема:
    На сайте есть главное горизонтальное меню. По умолчанию оно выравнивается по левому краю, независимо от того сколько пунктов меню создано. В конце же остается некрасивый никому не нужный огрызок, избавиться от которого я не могу (в силу своей безграмотности). За выравнивания этого самого меню отвечает (вроде бы как):

    #ja-cssmenu {
    margin: 0; /* all lists */
    padding: 0;
    float: left;
    }
    Проблема в том, что float невозможно выровнять по центру. Если значение поставить right, огрызок соответственно переезжает влево. Думал избавиться от огрызка добавив пикселей в padding:

    #ja-cssmenu li a {

    display: block;
    text-decoration: none;
    line-height: 32px;
    padding: 0 32px;
    color: #C3DBED;
    font-size: 100%;
    font-weight: bold;
    border-right: 1px solid #2B6484;
    }

    Пиксели добавились, но место все равно остается. Стоит поставить значение 33 px и некоторые пукты меню просто переезжают на следующую строку, не помещаясь на первой. Да и еще и кроссбраузерность, чтоб ее..., так просто не угадаешь.
    Задача же состоит в том, чтобы или вообще огрызок убрать и выровнять соответственно меню по центру экрана, пусть оно даже будет немного короче логотипа и тела или разделить огрызок на две части, чтобы по небольшому кусочку было справа и слева, а пункты меню, соответственно, выровнялись по центру, а не по правому или левому краю.
    Очень прошу вашей помощи по этому делу.
    [​IMG]
     
  2.  
  3. Offline

    TroL Недавно здесь => Cпециалист <=

    Joined:
    Mar 1, 2011
    Messages:
    501
    Likes Received:
    34
    Gender:
    Male
    есть еще и такое позиционирование как маргин, для того что бы центрировалось надо margin:0 auto;
     

Share This Page

Loading...