| |
|
|
| | Здравствуйте!
Подскажите пожалуйста как размещать блоки при верстке, чтобы они друг на друга накладывались как слои, или чтобы в ряд нормально много блоков можно было расположить или по вертикале?
В коде покажите как это буде выглядеть, например квадратиками черными или текстом, кому несложно и кто понимает в этом.
Спасибо. | |
| |
|
|
| |
|
|
| |
для: Дуня
(29.11.2009 в 04:36)
| | | накладывались? или прижимались:
по горизонтали, а по вертикали они как и остальные блочные и полублочные элементы по умолчанию ставятся с новой строки, т.е. по вертикали.
<div class="float:left">блок 1</div>
<div class="float:left">блок 2</div>
<div class="float:left">блок 3</div>
|
| |
| |
|
|
| |
|
|
| |
для: Дуня
(29.11.2009 в 04:36)
| | | Не знаю что Вы имели ввиду, если я правильно понял тогда вот пример 3D графики, наложения текста, при помощи CSS:
<HEAD>
<STYLE type="text/css">
BODY {font-family: Verdana; font-size: 70pt; font-weight: bold;}
.z1 { color: silver; margin-top: 100px; margin-left: 70px;}
.z2 {color: navy; margin-top: -118px; margin-left: 68px;}
</STYLE>
</HEAD>
<BODY bgcolor=white>
<DIV class="z1">EC-NET</DIV>
<DIV class="z2">EC-NET</DIV>
</BODY>
|
| |
| |
|
|
| |
|
|
| |
для: Дуня
(29.11.2009 в 04:36)
| | | HTML
<div class="wrapper">
<div class="block one"></div>
<div class="block two"></div>
<div class="block three"></div>
</div>
|
CSS
.wrapper {
position: relative;
}
.block {
position: absolute;
width: 100px;
height: 100px;
}
.one {
background: red;
top: 0px;
left: 0px;
}
.two {
background: green;
top: 10px;
left: 10px;
}
.three {
background: blue;
top: 20px;
left: 20px;
}
|
| |
| |
|
|
