Вопросы и ответы
Топ за год Облако тегов  

HTML. Позиционирование

html css веб дизайн верстка позиционирование

aLive342, 316 просмотров
3
надо сделать примерно такую страничку:

<картинка1> текст текст текст текст текст
текст текст текст текст текст текст текст
текст текст текст текст текст текст текст
текст текст текст текст <картинка2 с фиксированным отступом сверху, скажем 300px>
текст текст текст текст текст текст текст
текст текст текст текст текст текст текст

тоесть, надо разместить 1 картинку слева вверху текста(ну с этим проблем нет), а вот со второй картинкой, которая должна обтекаться текстом, и быть всегда в одном и том же месте, независимо от этого самого текста, проблемы.

подскажите, как решить

Примечание:
ogu286ry, спасибо конечно ;)
но там приведен пример, когда текст разбивается параграфом, и картинка лепится в первом параграфе по левому краю, втором по правому.
мне же нужно так, чтоб текст не бился, и шел одним куском.
Ответы:
Gregory P.
Оно? Блин. Спросил бы ты 5 лет назад, когда я этим занимался. Я не помню как, но я не делал это в HTML. Все расположение всех блоков указывал в CSS. Посмотри если ТЗ позволяет.
Без имени
Играть надо со свойствами CSS:
position:relative/absolute/...
float:right;
padding:30px 0 0 0;
margin:30px 0 0 0;
display:block/inline/...
но конкретно не скажу. некотрое из перечисленного взаимоисключаемо, но выход в них.
mr.krivega
если с float'ами все понятно, то остается только спозиционировать картинку относительно контейнера-родителя. Ставишь картинку2 сразу за первой, задаешь ей обтекание слева(float:right;) и позиционируешь сверху, обязательно относительно (position:relative; top:300px;)
там конечно нужно пробовать различные вариации, в зависимости от ситуации.


13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.