Помощник
|
Как сделать это (на картинке в посте) |
Imaris
|
Сообщение
#1
|
||
|
|
||
|
|||
V!R20Z |
13.11.2010, 19:41;
Ответить: V!R20Z
Сообщение
#2
|
|
|
|
|
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;'> </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;'> </div></div></div> |
|
|
Imaris
|
Сообщение
#6
|
|
|
Спасибо, буду разбираться, как проснусь)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 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 |