0

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

Сделал сайт на Wordpress. После шапки в теле сайта идёт разделение на 2 блока . Слева слайдер , справа меню.

Далее хотел создать ниже всего этого на всю ширину сайта 4 картинки с ссылками. Проблема в том что как только я создаю эти элементы, они отображаются на ширину слайдера, а не на всю ширину сайта.

Если я прописываю width в пикселях, при уменьшении Окна вместо того чтобы переносится вниз, элементы остаются за пределами Окна.

Если я прописываю width :100% , то элементы опять располагаются по ширине слайдера , нежели по всей ширине сайта .

Помогите , уже замучился. Не знаю можно ли здесь написать адрес сайта, для наглядности.

12
  • Написать сайт можно, но скорее всего мало кто перейдёт по ссылке. Учитывая описываемую Вами проблему - сначала обратите внимание на родителя данного элемента, не ограничивает ли он пространство.
    – Denis640Kb
    Commented 4 мар. 2020 в 22:14
  • @Sevastopol' Это правда :)))
    – Denis640Kb
    Commented 4 мар. 2020 в 22:38
  • Коллеги правы оба раза. Первый раз, что лучше сюда помещать проблемные куски кода. Второй раз в том, что ваши картинки, очевидно, размещаются внутри блока со слайдером. А вы желаете, судя по всему, разместить их ниже после блока с сайдбаром (тот, где меню). Их нужно поместить или в футере (footer), или над ним.
    – Quazimorda
    Commented 5 мар. 2020 в 6:17
  • Как только доберусь до компа сброшу код. Скорее всего родитель и ограничивает . Только как это исправить чтобы все остальное содержимое родителя осталось на местах?
    – Mihail
    Commented 5 мар. 2020 в 7:02
  • Да , именно под сайдбаром мне и хотелось бы разместить. Так как в мобильной версии сначала отображается содержимое блока со слайдером , а потом уже меню . Вообщем сброшу Код попозже . Большое спасибо что уделяете время .
    – Mihail
    Commented 5 мар. 2020 в 7:08

1 ответ 1

0

На вашем сайте такая структура:

<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 для блока можно придумать любой. Осталось разыскать, в каком файле шаблона нужно добавить этот код.

2
  • Единственное что , отображаются теперь эти картинки на всех страницах после контента . Но не факт что это плохо . Я пока ещё не думал об этом
    – Mihail
    Commented 5 мар. 2020 в 20:20
  • @Mihail, 2 момента. 1: сайдбары в wordpress бывают разные. В вашем случае, похоже сайдбар расположен снизу. При смене темы, да и при перенастройки этой - сайдбар может оказаться слева или справа. Строго говоря, ваше меню справа - и есть сайдбар. 2: по вордпрессу есть масса сайтов. Можно, например, указать в какой записи, странице или в какой категории записей что-либо должно или не должно отображаться. Но это уже совсем другой вопрос.
    – Quazimorda
    Commented 6 мар. 2020 в 6:07

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.