Перейти к содержанию
Moskau

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

Рекомендуемые сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

У Вас со второй строчки файла 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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

почему-бы не 

text-align:center;

?

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

margin:0 auto;

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
#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; - Это ширина полосы, но вы ее нормально не расширите, т.к. там используется картинка, а она просто будет множится, если сделать сильно ширико.

Изменено пользователем AlexFisher
code - пора уметь

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От ermakov1993
      Добрый день!
      Подскажите пожалуйста как можно вставить поле с информацией в самом верху на всех страницах, пример как на скрине.
      Буду благодарен за помощь!

    • От msk966
      Добрый день, не могу разобраться как редактировать верхнее меню, даже путь к нему не могу найти. Хочу туда вместо категорий поставить "доставка" "оплата" и т.п.. Буду очень признателен за помощь.
      Заранее спасибо

    • От arber64
      Есть стандартное немного измененное верхнее горизонтальное меню 1.5.6.4 разделенное на 2 колонки.
      Вопрос в том, как разделить количество категорий примерно поровну на две колонки?  Так как сейчас в первой колонке длинная портянка уходящая вниз за пределы монитора, а вторая почти пустая.
      Может размер по высоте как то ограничить но не получается.
      Я думаю что нужно подправить где то здесь:
      И еще вопрос: Как сделать чтоб выпадающее меню было при наведении поверх всего?
      Пробовал z-index:10000 не помогает.
      Спросите для чего это мне - просто при уменьшении размера монитора меню сворачивается в две строки и попасть в подкатегорию из верхней строчки невозможно.
       
       
       
      Помогите пожалуйста.
    • От estry
      Здравствуйте. 
      Форумчане, подскажите, как объединить пункты верхнего меню http://puu.sh/fOptB/ef991de334.png

      Уточнение. Нужно пункты "Закладки", "Моя информация", "Корзина", "Оформление заказа", "Войти", "Зарегистрироваться" спрятать в выпадающий список под названием "Личный кабинет"

      Как добавлять в верхнее меню пункты из раздела статьи?
    • От novator
      Как создать статьи описания и поместить их в верхнее меню вместо категорий?Тоесть ситуация такая-нужно вместо категорий и подкатегорий разместить в вершнем меню ссылки на статичные страницы а категории с товарами разместить в левой колонке.Как такое возможно реализовать?
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.