<div>
<div>
<img src="../images/info_1.png" OnClick="function()" style="cursor:pointer;">
</div>
текст текст текст тексттекст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
</div>
есть дивы необходимо чтобы блок див с картинкой распалагался поверх текста.
Причем так чтобы позицианирование этого блока задавалось относительно левой и верхней границы первого блока. так если нада поместить блок вправо вверх и перед текстом. Как это сделать?
не получается задать отступ от левой границы блока задает отступ от края окна. Соответсвенно на другом разрешении будет касяк. Необходимо задать отностительно левой стороны блока div так его размер задан жестко.
Спустя 26 минут, 10 секунд (14.08.2011 - 19:14) imbalance_hero написал(а):
<div style="position:relative"> - относительно него будет позиционировать блоки с абсолютом!
<div style="position:absolute; left:0px; top:0px; width:100px; height:100px;">LALA</div>
TEXT TEXT TEXT
</div>
Спустя 51 секунда (14.08.2011 - 19:15) sebastjan написал(а):
Xes Немного подробней.
Выложи стиль и хтмл.
Не знаю правильно ли понял но вот одно ихз решений
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<style>
.blok_1{
background-color: #CC6699;
position: absolute;
z-index: 10;
height: 200px;
width: 400px;
}
.blok_2{
position: absolute;
background-color: #00CCCC;
height: 100px;
width: 200px;
margin-left: 20px;
margin-top: 20px;
z-index: 11;
}
.kartinka{
background-color: #0066FF;
position: absolute;
z-index: 12;
height: 20px;
width: 200px;
top: 20px;
left: 100px;
}
</style>
<body>
<div class="blok_1">
<div class="kartinka">Eto kartinka</div>
<div class="blok_2">text text text text</div>
</div>
</body>
</html>
Спустя 41 минута, 25 секунд (14.08.2011 - 19:57) Xes написал(а):