Перенос элементов при уменьшении окна
Вопрос мой скорее всего вы уже слышали тысячу раз. Так что сразу извиняюсь за свои пробелы в знаниях. К проблеме ...
Сделал сайт на Wordpress. После шапки в теле сайта идёт разделение на 2 блока . Слева слайдер , справа меню.
Далее хотел создать ниже всего этого на всю ширину сайта 4 картинки с ссылками. Проблема в том что как только я создаю эти элементы, они отображаются на ширину слайдера, а не на всю ширину сайта.
Если я прописываю width в пикселях, при уменьшении Окна вместо того чтобы переносится вниз, элементы остаются за пределами Окна.
Если я прописываю width :100% , то элементы опять располагаются по ширине слайдера , нежели по всей ширине сайта .
Помогите , уже замучился. Не знаю можно ли здесь написать адрес сайта, для наглядности.
Ответы (1 шт):
На вашем сайте такая структура:
<div id="main" class="clearfix">
<div id="inner-wrap">
<div id="primary">...</div>
<div id="secondary">...</div>
</div>
</div>
В primary расположен слайдер, в secondary - меню, а ниже, но вероятно всё ещё в блоке inner-wrap следует разместить блок с вашими картинками, ссылками, что там у вас... Примерно так:
<div id="main" class="clearfix">
<div id="inner-wrap">
<div id="primary">...</div>
<div id="secondary">...</div>
<div id="myimages">ваши картинки</div>
</div>
</div>
Разумеется, id для блока можно придумать любой. Осталось разыскать, в каком файле шаблона нужно добавить этот код.