Как сделать такую штуку, думаю это в css надо

css верстка

http://sdelfi.net.ru/img.jpg
Есть такой блок.
Пунктиром как вы поняли идет текст.
Так вот, как мне сделать эти картиночки слева внизу и справа вверху?
По идее background position здесь не прокатит, там нельзя выводить его дважды, поэтому две картинки не выйдет, ну сделать еще norepeat. Просто хотелось что бы эти картинки не были в коде текста, а шли отдельно и вставали на нужные позиции, были как бы подложками.
Текст должен быть поверх картинок, как указано в картинке, никак иначе, иначе сдвиг будет некрасивый и в принципе это не будет смотреться...
Что здесь можно придумать?

Примечание:
Каким образом фон? Там два элемента Или делать фон равный размеру блока? Это бредово мне кажется, должны быть другие варианты.
Таблица не вариант. И будет муторно, так как таких страниц будет много надо создать.

Примечание:
Хм, и куда их спозиционировать?
По идее блок фиксированного размера, можно с позиционированием поиграться и с z-index. Только во всех ли браузерах будет корректно такое работать?

Примечание:
Ага.... И блок фиксированного размера, с прокруткой. По рисунку видно, что блок текста идет поверх картинок..

Примечание:
Это я с основной страницы вырезал блок с текстом, он идет внутри страницы.
Так получится сделать два блока, как говоришь. У одного позиция фона в одном месте, у другово в другом, сделать z-index им чтоли? Ну один сверху, другой снизу. Т.е. два блока наложить друг на друга? А и верхнем блоке вписывать текст?

Примечание:
Блин, не врублюсь все таки. Можно на примере? Я еще баллов накину. Просто сложно так понять, с учеом что я только начал все это осваивать.
Ответы:
Проще всего таблицой сделать (с параметром border=0), а картинки поставить как фон в уголках.
Сделай два дива нужных размеров и в каждом пропиши background к картинкам.
Я так понял это контент а по углам рисунки какие-то прижаты и надо чтобы они были всегда там?
По рисунку у тебя не блок с прокруткой а браузер прокручивает блок.
Вобщем создай блок(ктсати зачем тебе именно фиксированный) потом два дива с рисунками, прижми их по углам, а потом уже текст накладывай.
В основном блоке для первого блока с рисунком который в левом нижнем углу сделай margin-left: 0px; margin-bottom: 0px; для второго margin-right: 0px; margin-top: 0px; это же у тебя фоны получается так что слои не надо накладывать.


16 лет назад

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

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

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