X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать это (на картинке в посте)
Imaris
Imaris
Topic Starter сообщение 13.11.2010, 18:52; Ответить: Imaris
Сообщение #1


Как на картинке нужно сделать. Все это в одной ячейке таблицы. Если чего-то нужного не рассказал - спросите)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
V!R20Z
V!R20Z
сообщение 13.11.2010, 19:41; Ответить: V!R20Z
Сообщение #2


(Imaris @ 13.11.2010, 20:52) *
Как на картинке нужно сделать. Все это в одной ячейке таблицы. Если чего-то нужного не рассказал - спросите)


эм.. текст я так понял должен быть по середине а вторые картинки по углам?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Imaris
Imaris
Topic Starter сообщение 14.11.2010, 2:18; Ответить: Imaris
Сообщение #3


Посередине - это где?
Там, где бежевое на рисунке - это фотография, мелкие картинки по углам фотографии. А я рядом еще одна область, которая немножко "налезает" на фотографию, крепится туда картинкой в виде кнопки (в смысле которая острая, ею крепят листочки к доске, например). В этой области текст.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
иваннн
иваннн
сообщение 17.11.2010, 18:05; Ответить: иваннн
Сообщение #4


<div style='border:1px solid black; height:80px; overflow:visible;width:300px'>
<div style='float:left;position:relative; width:100px; height:100px; border:1px solid red; margin:0;
margin-bottom:-5px '>
<div style='position:absolute;right:0;bottom:0; height:15px;font-size:0.5em; width:15px; border:1px
solid green;'>&nbsp</div>
</div>
<div style='border:1px solid green; margin-top:80px;margin-left:80px; '>текст текст тексттекст текст тексттекст
текст тексттекст текст тексттекст текст текстекст тексттекст текст тексттекст текст тексттест тексттекст екст
тексттекст текст тексттекст текст тексттекст текст тексттекст текст тексттекст текст тексттекст </div></div></div>

Есть много недостатков-
размеры нижнего блока регулируются косвенно - через размеры коренного divа, т.е резиновости уже нет.
остальные три картинки в верхнем блоке размещаются по аналогии с имеющимся дивом.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
иваннн
иваннн
сообщение 18.11.2010, 14:43; Ответить: иваннн
Сообщение #5


Что бы соблюсти правильное наслоение вот измененная версия:
<div style='border:1px solid black; height:80px; overflow:visible;width:300px'>
<div style='float:left;position:relative;z-index:0; width:100px; height:100px; border:1px solid red; margin:0;
margin-bottom:-5px '>

</div>
<div style='border:1px solid green; margin-top:80px;margin-left:80px; background-color:blue; position:relative; z-
index:100 '>текст текст тексттекст текст тексттекст
текст тексттекст текст тексттекст текст текстекст тексттекст текст тексттекст текст тексттест тексттекст екст
тексттекст текст тексттекст текст тексттекст текст тексттекст текст тексттекст текст тексттекст <div style='position:absolute;left:-20px;top:2px; height:15px;font-size:0.5em; width:15px; border:1px solid
white;'>&nbsp</div></div></div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Imaris
Imaris
Topic Starter сообщение 21.11.2010, 2:56; Ответить: Imaris
Сообщение #6


Спасибо, буду разбираться, как проснусь)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
158 adw-kupon.ru 21506 Вчера, 20:21
автор: wanessa
Открытая тема (нет новых ответов) Как заработать денег в интернете?
3 Suagaring 457 Вчера, 20:17
автор: wanessa
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
24 uahomka 4241 Вчера, 16:39
автор: sale_forum
Открытая тема (нет новых ответов) Как защититься от ddos-атак?
1 ALFA16 681 Вчера, 16:37
автор: sale_forum
Горячая тема (нет новых ответов) У вас часто просят денег в долг? Как отказываете?
96 uahomka 7469 Вчера, 16:34
автор: sale_forum


 



RSS Текстовая версия Сейчас: 21.5.2024, 2:00
Дизайн