Ограничение вывода блоков в выпадающем меню

[shaperuga]

Здравствуйте! 

Пытаясь решить проблему с выводом блоков в выпадающем меню категории, решил спросить на этом форуме. 

 

 Проблема такова: в шаблоне сайта указано 3 блока, которые используются в каждой категории, где есть подкатегории (таких три). Все эти три категории имеют выпадающее меню, которое имеет 3 блока: 1 - подкатегории, 2 - акционные предложения, 3 - список брендов. 

 Все эти три категории стоят первыми в горизонтальном меню, чтобы не выехать за пределы фиксированного шаблона. Тем не  менее, если навести на третюю категорию, можно заметить, что выпадающее меню покидает пределы страницы. Подобрал наиболее простое (на тот момент) решение - удалить второй блок (акционные предложения) из трёх блоков в подменю третьей категории. 

 Вся сложность заключается в том, что блоки одинаковые для всех категорий, потому и не могу разобраться. 

 

 Как быть? 

 Есть переменная, которая поможет закрыть вывод блока в подменю третьей категории?

[Helloween]

Ссылка на страницу и скриншоты были бы не лишними.

 

Из полученной информации, могу лишь предположить, что выпадающий блок, так как он слева позиционируется от родителя, уезжает вправо.

Посоветовать могу лишь такие варианты:

1. привязать выпадающий элемент к левой стороне всего меню, а не родительского элемента

2. уменьшить количество столбцов в выпадающем элементе меню

3. фиксировать ширину выпадающего элемента.

Вариант можно выбрать любой, но третий будет самым неудачным (из него текст может вылезать)

Лучший вариант в данном случае - первый.

 

Лучший вариант вообще, в принципе, абсолютно - скинуть ссылку на страницу и скрины косяков, чтобы форумчане не играли в медиумов.

[shaperuga]

УРЛ сайта - syndychok (точка) kiev.ua
Я немного ошибся. На сайте четыре категории с выпадающим меню. Речь идёт о категории "Товары для детей", чьё выпадающее меню выходит за пределы сайта (по ширине) 

[Helloween]

Ну, как я и предполагал.

Пропишите элементу отрицательный отступ слева.

Или для всего выпадающего меню сделайте абсолютное позиционирование от левого края, или посередине... на ваше усмотрение.

короче, этот вопрос легко решается стилями (CSS). 

[shaperuga]

Вы не поняли всю суть вопрос. Конкретная категория меню и её выпадающие подменю не задаются отдельными дивами и скриптами. На всё есть один вывод. Следовательно, стайл тоже один. Вот сейчас нужно сообразить, как можно ограничить вывод одного из блоков выпадающего меню, чтобы в четвёртой категории всё не выходило за границы. 
 Если нужно, - могу кинуть пример кода 

[shaperuga]

Всё ещё актуально. Решение проблемы не нашел. 
Как можно задать вывод блока в выпадающем меню во всех категориях кроме одной?

[xoky]

Задать всем классы например.. в шаблоне менюхи - вставить для каждой <li> категории (или там, <section>) свой класс по ID категории

ниже - грубо пример для стандартного модуля категорий

<li class="cat_<?php echo $category['category_id']; ?>">

а точнее будет - уже в зависимости от вашего модуля категорий, как там в контролере ID категории обозвали

 

.. или вариант - чисто CSS для вашего случая добавить:

#menu>ul>li:nth-child(4)>section {
right: 0; 
left: auto;
}

[shaperuga]

 

Задать всем классы например.. в шаблоне менюхи - вставить для каждой <li> категории (или там, <section>) свой класс по ID категории

ниже - грубо пример для стандартного модуля категорий

<li class="cat_<?php echo $category['category_id']; ?>">

а точнее будет - уже в зависимости от вашего модуля категорий, как там в контролере ID категории обозвали

 

.. или вариант - чисто CSS для вашего случая добавить:

#menu>ul>li:nth-child(4)>section {
right: 0; 
left: auto;
}

Огромное спасибо! Убрал проблему путём добавления кода в style.css

 

[Helloween]

 

.. или вариант - чисто CSS для вашего случая добавить:

#menu>ul>li:nth-child(4)>section {
right: 0; 
left: auto;
}

примерно такое решение я и имел ввиду. разница лишь в позиционировании. но это как вариант.

некогда было расписывать про нумерацию дочерних элементов.

кто знает CSS - сам догадается, кто не знает - тому долго объяснять.