У меня есть баннер, который должен иметь изображение, выровненное влево и на полную высоту сверху вниз.Справа от изображения находится H1 с Div-элементом выбора вкладки, а под ним - Div Text / Content.Изображение установлено на высоту и ширину, которые я хочу через WordPress.
Вот изображение того, что я собираюсь:
Я могу получить то, что хочу, плавая влево на изображении, чтобы Div Text переместился вправо.
Но моя самая большая проблема заключается в том, что я не могу заставить свое изображение правильно выровнять верхний левый угол баннера.Мне пришлось использовать -142px margin left и -281px margin-top, чтобы он выглядел так, как он есть, но на больших экранах я хочу, чтобы это изображение всегда оставалось левым и последовательным.На больших экранах он не остается.
Вот как это выглядит:
Вот код для Image Div: (размеры изображения установлены на WordPress шириной 641x 716 высота)
margin-left: -142px;
margin-top: -281px;
float:left;
max-width:103%;
left:0;
display:inline-block;
top:0;
position:relative;
Чертово изображение просто остается внизу.Я позаботился о том, чтобы элемент H1 не отображался как «Блок» на случай, если он блокирует перемещение изображения вверх.
Существует обертка вокруг Div Image и Div Text, в которой я использовал этот код:
display: inline-block;
position:relative;
width: 100%;
Когда я просматриваю Инспектор Chrome, ширина обертки «Изображение и текст» не отображаетсяПройдите через раздел «Баннер».Это обертка только моя проблема?Или это как я нацеливаюсь на изображение?
Также просто чтобы уточнить: я пытаюсь закодировать этот баннер в WordPress, чтобы изменения в HTML были довольно ограниченными, что я могу сделать.
Спасибо !!Я искал везде на SO и Google и не могу найти то, что я ищу.Может быть, моя проблема слишком конкретна?Буду очень признателен за помощь.Я также был бы рад привести больше примеров / опубликовать больше кода, если это поможет.