Помощник
|
Как сделать это (на картинке в посте) |
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
|
|
|
Спасибо, буду разбираться, как проснусь)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Контекст окупается - и вы это увидите Грамотная настройка Директа и Google Ads |
71 | knezevolk | 45210 | 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 |
Текстовая версия | Сейчас: 28.3.2024, 21:51 |