кратчайший путь для достижения сеточно-рядной структуры шаблона + с отзывчивым поведением сразу, чуете разницу? И никаких классов в html ( .container-fluid, .row, col-sm-n, col-xl-n2 ) и тому подобных...
Чувствуется разница не так ли?
Сергей delphinpro, Речь идет об исходном состоянии той или иной технологии без допов, а так пилите, я не имею против ничего, сам верстал bootstrap не один десяток проектов. Но все же Grid взял верх!)
Используйте все параметры box-shadow: x y blur color;
Первые два параметра - управление точкой источника света по двум осям, за счет верных совокупных значений, в том числе и степени размытия ( blur) вы решите свою задачу
JRK_DV, у вас есть возможность дать свой вариант? Ни один пока работать не хочет, а корректировку классов сейчас проведу в самом вопросе-изложении (скрытие элементов на практике делаю именно по классам
Не совсем понятно каким образом обеспечена связка конкретная кнопка --> конкретный div, ведь ЗАДАЧА: По клику на конкретный элемент меню - присваивать соответствующему div - display: block, тем самым показав его и всё его содержимое, и одновременно с этим закрывать раннее открытый из возможных 36 штук div.
Я верно понимаю, что мой раннее созданный массив var arrayRanging = [...], а также события onclick вообще не нужны? Интегрировал ваш код, атрибуты data-rating-n - проставил - результата нет к сожалению( Где-то я не допетриваю, видимо
Вовсе нет! Посмотрите внимательнее пожалуйста. У каждого из 37 родительских блоков есть содержимое (дочерние элементы) и это содержимое само собой разное по контенту, стили для элементов я реализовал естественно через селектор КЛАССА .ranging - это в коде не отражено, не имеет причастности к вопросу, а скрытие посредством display: none; делается обращаясь к идентиффикаторам каждого div в цикле @for. Генерятся не классы, а айдишники
background-repeat: no-repeat;