Как выровнять выпадающие пункты меню по левому/правому боку?

голоса: 0

Подскажите, пожалуйста, как выровнять выпадающие пункты меню по левому/правому боку?

Адрес сайта http://zoosakh.ucoz.net/
| Автор: | Категория: Меню сайта

Ответов: 1

голоса: 0
 
Лучший ответ
Вам как выровнять, нарисовать в графическом редакторе так же на картинке. Вы не предоставляете ссылку на сайт и ждете помощи, возьмите за правило, просите помощи с сайтом, обязательно предоставляйте ссылку на сайт.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
извините, добавил ссылку.
vitaries,

Ищем в стилях строку номер 497:

.main-menu li ul .uWithSubmenu:after {  position: absolute;  top: 50%;  left: 7px;  display: block;  margin-top: -5px;  width: 0;  height: 0;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;  border-right: 7px solid #fff;  content: '';}

заменяем на:

.main-menu li ul .uWithSubmenu:after {  position: absolute;  top: 50%;  right: 7px;  display: block;  margin-top: -5px;  width: 0;  height: 0;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;  border-left: 7px solid #fff;  content: '';}

после ищем строку номер 539:

.main-menu li:hover > ul {  position: absolute;  top: 100%;  right: 0;  z-index: 10000;  display: block !important;}

заменяем на:

.main-menu li:hover > ul {  position: absolute;  top: 100%;  left: 0;  z-index: 10000;  display: block !important;}

И еще ищем строку номер 557:

.main-menu li ul li:hover > ul {  position: absolute;  top: -15px;  right: 100%;  z-index: 10;  display: block;}

заменяем на:

.main-menu li ul li:hover > ul {  position: absolute;  top: -15px;  left: 100%;  z-index: 10;  display: block;}

после выпадающие подпункты будут справа, а не слева.

...