верхнее меню по центру

[Moskau]

Здравствуйте, нужно сделать верхнее меню по центру, а не слевого края как сейчас, пример сайта antarescon.ru

[smy]

У Вас со второй строчки файла topmenu.css что по адресу catalog/view/theme/ocjoytemplate/stylesheet  должна находится следующая поэма:

#topmenu {
background: url('../image/topmenu.png') repeat;
border-bottom: 1px solid #000;
height: 34px;
margin-bottom: 18px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #222;
-moz-box-shadow: 0px 2px 2px #222;
box-shadow: 0px 2px 2px #222;
padding: 0px 5px;
z-index: 6000;
Сюда дописать
}

Попробуйте дописать внизу перед закрывающейся фигурной скобкой вот это:

padding-left: 25%;

Не то шоб идеально по центру, но как по мне так вполне. По крайней мера для основных размеров мониторов ровняеться нормально. Можете с цифрой поиграться. По-другому сделать быстро и более качественно лично мне квалификация не позволяет, ибо нет ее.  :-D

[AlexFisher]

почему-бы не 

text-align:center;

?

[smy]

почему-бы не 

text-align:center;

?

 

Это хорошая идея, но здесь не просто текст в блоке, а много маленьких блочков в большом блоке :ugeek: . Короче у меня не получилось нифига. Если бы кто-то расписал подробно как для подобного меню заколбасить равнение на средину  :-D, то я тоже был бы очень признателен. 

[AlexFisher]

В шаблоне внутрь #topmenu вставьте еще один div со свойствами 

margin:0 auto;

 , а уже в него - <ul>'ы

Это навскидку. Не очень удобно читать из фаербага ту кашу, которая у вас нам наворочена.

[Moskau]

Спасибо большое всем! по центру всё встало, и ещё один вопрос чтоб новую тему не создавать, как полоску сделать шире и растянуть все название по ширине?

[Smallbear]

#topmenu {
    background: url("../image/topmenu.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #000;
    border-radius: 5px;
    box-shadow: 0 2px 2px #222;
    height: 34px;
    margin-bottom: 18px;
    padding: 0 5px 0 25%;
    z-index: 6000;
}

height: 34px; - Это ширина полосы, но вы ее нормально не расширите, т.к. там используется картинка, а она просто будет множится, если сделать сильно ширико.

Змінено 22 липня 2014 користувачем AlexFisher
code - пора уметь