Как я могу этого добиться?

  • Автор темы Ленуська
  • Обновлено
  • 13, May 2024
  • #1
Привет,

Может ли кто-нибудь помочь мне сделать это? я хочу, чтобы первый виджет имел ширину 100%, а два других виджета - ниже 50%.

В теме (двадцать шестнадцать) есть только 2 области виджетов.

пожалуйста, посмотрите пример ниже

что это сейчас:

Что мне нужно

URL, где вы можете это увидеть:

http://trust.flywheelsites.com/we-feel-even-more-secure-in-our-own-home-with-raa/

Я использую тему «Двадцать шестнадцать детей».

Ленуська


Рег
20 Oct, 2010

Тем
73

Постов
188

Баллов
583
  • 18, May 2024
  • #2
Ох черт.

Выбросьте эту штуку и начните заново.

Нет оправдания такому раздутому коду в такой простой компоновке. Но если ты не собираешься прислушиваться к хорошим советам... Найдите* CSS для первого поля и удалите свойства float, width и Margin-Bottom.

Посмотрите дальше, нижнее поле применяется (с разными значениями?!?) еще в трех-четырех местах.

Вот и все.

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

Сделайте это {overflow:hidden;}. Это приводит к тому, что он содержит свои дочерние элементы с плавающей запятой.

Теперь для двух виджетов сделайте оба {width: 48%;}. Создайте один виджет {float: left;} и другой {float: right;}. Снова удалите отступы в нескольких местах стилей.

Это один из способов исправить макет по своему вкусу.

Есть и другие подходы, некоторые могут быть лучше, другие хуже.

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

Кстати, если вы используете теги main, Article или Раздел (и некоторые другие IIRC), первый тег заголовка в этом элементе должен быть h1. На этой странице этого не сделано.

ваше здоровье,

Гэри

* Под поиском я имею в виду открыть Firebug в Firefox и выбрать интересующий элемент.

Вам будут показаны все CSS, применимые к этому элементу.
 

Budovskiy


Рег
23 Oct, 2012

Тем
81

Постов
182

Баллов
587
Тем
403,760
Комментарии
400,028
Опыт
2,418,908