Вид для печати
[/quote]Цитата:
Originally posted by Xylitolq@Dec 9 2007, 07:58
как сделать такого плана вложенные закругленные блоки?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Любым из двух способов, представленных выше в этой теме.
оба блока резиновые, тянутся по высоте и ширине
белый блок независимо тянется внутри серого
Ну и пусть тянется... кто ему мешает...
Цитата:
Originally posted by Xylitolq@Dec 9 2007, 02:58
[b]как сделать такого плана вложенные закругленные блоки?
[Only registered and activated users can see links. Click Here To Register...]
Поменяете div-ы 1, 2, 3 и 4 на изображения и будет вам счастьеКод:<!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>
А делается это за счёт того, что в блоке котором требуется сделать абсолютное позиционирование элементов задаёте значение position: relative; и тогда элементы которые требуется спозиционировать будут позиционироваться в указанном блоке а не теле документа.
бэкгранудном картинки пускать?
Если вы извращенец, то да =) Шучу, с одной стороны хорошо background использовать потому что символов в коде меньше а css кэшируется, с другой стороны я использую изображения (подстраховываюсь) если сайт будут просматривать через портативные устройства то для них можно другой стиль создать и спрятать изображения:Цитата:
Originally posted by Xylitolq@Dec 9 2007, 14:44
[b]бэкгранудном картинки пускать?
<div class="topright">#2</div> = <img class="topright" src="topright.gif" alt="" />
Тут вопрос семантики по мне, это папа просветить может, Aykroyd в этом вопросе рулит
[/quote]Цитата:
Originally posted by Xylitolq@Dec 9 2007, 19:44
бэкгранудном картинки пускать?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Если вы НЕ извращенец, то да =) :read:
Извращенец Рёга =)Цитата:
Originally posted by Aykroyd@Dec 10 2007, 01:08
[b]Если вы НЕ извращенец, то да =)* :read:
Ну, совсем без извращений тоже нельзя...)