Jump to content
Sign in to follow this  
Moskau

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

почему-бы не 

text-align:center;

?

 

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

Share this post


Link to post
Share on other sites

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

margin:0 auto;

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
#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; - Это ширина полосы, но вы ее нормально не расширите, т.к. там используется картинка, а она просто будет множится, если сделать сильно ширико.

Edited by AlexFisher
code - пора уметь

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

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

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

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

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

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

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.