Помощник
 |
|
|
|
|
Сообщение сайта
|
 Как сделать это (на картинке в посте) |
Imaris
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 3 Регистрация: 13.11.2010 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
V!R20Z
|
 13.11.2010, 19:41;
Ответить: V!R20Z
Сообщение
#2
|
 0 Группа: User Сообщений: 18 Регистрация: 13.11.2010 Поблагодарили: 0 раз Репутация: 0
|
(Imaris @ 13.11.2010, 20:52)  Как на картинке нужно сделать. Все это в одной ячейке таблицы. Если чего-то нужного не рассказал - спросите) эм.. текст я так понял должен быть по середине а вторые картинки по углам? |
|
|
|
|
Imaris
|
Сообщение
#3
|
|
0 Группа: User Сообщений: 3 Регистрация: 13.11.2010 Поблагодарили: 0 раз Репутация: 0
|
Посередине - это где?
Там, где бежевое на рисунке - это фотография, мелкие картинки по углам фотографии. А я рядом еще одна область, которая немножко "налезает" на фотографию, крепится туда картинкой в виде кнопки (в смысле которая острая, ею крепят листочки к доске, например). В этой области текст. |
|
|
|
|
иваннн
|
17.11.2010, 18:05;
Ответить: иваннн
Сообщение
#4
|
|
0 Группа: User Сообщений: 31 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 0
|
<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;'> </div> </div> <div style='border:1px solid green; margin-top:80px;margin-left:80px; '>текст текст тексттекст текст тексттекст текст тексттекст текст тексттекст текст текстекст тексттекст текст тексттекст текст тексттест тексттекст екст тексттекст текст тексттекст текст тексттекст текст тексттекст текст тексттекст текст тексттекст </div></div></div> Есть много недостатков- размеры нижнего блока регулируются косвенно - через размеры коренного divа, т.е резиновости уже нет. остальные три картинки в верхнем блоке размещаются по аналогии с имеющимся дивом. |
|
|
|
|
иваннн
|
18.11.2010, 14:43;
Ответить: иваннн
Сообщение
#5
|
|
0 Группа: User Сообщений: 31 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 0
|
Что бы соблюсти правильное наслоение вот измененная версия:
<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;'> </div></div></div> |
|
|
|
|
Imaris
|
Сообщение
#6
|
|
|
0 Группа: User Сообщений: 3 Регистрация: 13.11.2010 Поблагодарили: 0 раз Репутация: 0
|
Спасибо, буду разбираться, как проснусь)
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1743 | Вчера, 23:35 автор: Boymaster |
 |
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4773 | Вчера, 1:19 автор: sergio11 |
|
Mondiad - это глобальная рекламная сеть с широкими возможностями для паблишеров и рекламодателей! [🎁 Эксклюзивный бонус] | 16 | Mondiad | 4371 | 10.4.2024, 18:15 автор: Mondiad |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19679 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3087 | 5.4.2024, 5:53 автор: Skyworker |
|
Текстовая версия | Сейчас: 18.4.2024, 8:52 |
