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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКонтекст окупается - и вы это увидите
Грамотная настройка Директа и Google Ads
71 knezevolk 45207 26.3.2024, 14:14
автор: knezevolk
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1119 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2289 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3912 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3637 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:33
Дизайн