Originally posted by Xylitolq@Dec 9 2007, 02:58
[b]как сделать такого плана вложенные закругленные блоки?
[Только зарегистрированные пользователи могут видеть ссылки. ]
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head> 
<title>Великая мудрость закона гладких углов</title>
<style type="text/css" media="all"><!--
.main {position: relative; width: 200px; height: 300px; background-color: Lime;}
.text {position: relative; width: 180; height: 240px; background-color: blue; margin: 10px;}
.topleft {position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-color: red;}
.topright {position: absolute; top: 0; right: 0; width: 25px; height: 25px; background-color: red;}
.bottomleft {position: absolute; bottom: 0; left: 0; width: 25px; height: 25px; background-color: red;}
.bottomright {position: absolute; bottom: 0; right: 0; width: 25px; height: 25px; background-color: red;}
h3 {margin: 0 0 0 1.5em;}
--></style>
</head>

<html>
****<body>
 *<div class="main">
 *****<h3>Block #1</h3>
 * *****<div class="text">
 * * *
 * * *
 * * *
 * * *
 * *****</div>
 * *
 * *
 * *
 * *
 *</div>
****</body>
</html>
Поменяете div-ы 1, 2, 3 и 4 на изображения и будет вам счастье

А делается это за счёт того, что в блоке котором требуется сделать абсолютное позиционирование элементов задаёте значение position: relative; и тогда элементы которые требуется спозиционировать будут позиционироваться в указанном блоке а не теле документа.