Перейти к содержимому


Выровнять Верхнее Меню Меню

верхнее меню

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 magiya1984

magiya1984

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 18 Апрель 2014 - 17:15

Доброго времени!!!

Помогите выровнять верхнее меню что-бы оно было всегда по центру.
Заранее спасибо!!!

#2 magiya1984

magiya1984

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 18 Апрель 2014 - 17:23

Прошу прощения и заменить кнопки на свои изображения
сайт bellmarket.ru

#3 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 18 Апрель 2014 - 19:21

Просмотр сообщенияmagiya1984 (18 Апрель 2014 - 17:23) писал:

Прошу прощения и заменить кнопки на свои изображения
сайт bellmarket.ru
Добрый день!

Уточните пожалуйста о каких кнопках идет речь(кнопки меню, быстрый заказ....или еще какие-то).
(возможно по данному вопросу Вам поможет эта тема)

#4 magiya1984

magiya1984

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 18 Апрель 2014 - 21:58

Кнопки верхнего меню выровнять по центру и заменить на свои изображения

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Апрель 2014 - 03:30

В шаблоне HTML данному меню необходимо прописать
<div class="clear"></div>
пример:
<div class="clear"></div></ul>

Далее в style.css найдите:
#megamenu_bottom {
	min-width: 360px;
}
замените на:
#megamenu_bottom {
	min-width: 360px;
	text-align: center;
}
найдите:
#megamenu_bottom li {
	background: #FFFFFF;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	display: block;
	float: left;
	margin: 15px 10px 12px 1px;
}
замените на:
#megamenu_bottom li {
	background: #FFFFFF;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	display: inline-block;
	margin: 15px 10px 12px 1px;
}

Чтобы добавить другой фон измените в блоке выше стиль:
background: #FFFFFF;






Темы с аналогичным тегами верхнее меню

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных