|
|
|
| Подскажите как можно сделать такое на дивах? Заранее благодарю.
http://shelkunchik.lv/div.jpg | |
|
|
|
|
|
|
|
для: aleksej_sumarok
(24.02.2009 в 12:42)
| | чтобы после достижения в высоту 4блоков автоматически начинался новый столбец? никак | |
|
|
|
|
|
|
|
для: AlexSol
(24.02.2009 в 13:02)
| | Ну автоматически вообще-то не нужно. Нужно просто чтобы желтые квадратики влезли в красную область. Может кто-нибудь ещё знает каким образом это можно сделать?
<style type="text/css">
#kvadrat { border: 1px; border-style: solid; width: 40px; height: 40px; text-align: center; background-color: yellow; }
#table { border: 1px; border-style: solid; height: 170px; background-color: red; }
</style>
<div id="table">
<div id="kvadrat">1</div>
<div id="kvadrat">2</div>
<div id="kvadrat">3</div>
<div id="kvadrat">4</div>
<div id="kvadrat">5</div>
<div id="kvadrat">6</div>
</div>
|
| |
|
|
|
|
|
|
|
для: aleksej_sumarok
(24.02.2009 в 14:19)
| | - | |
|
|
|
|
|
|
|
для: aleksej_sumarok
(24.02.2009 в 14:19)
| | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<body>
<style type="text/css">
.kvadrat { border: 1px; border-style: solid; width: 40px; height: 40px; text-align: center; background-color: yellow; }
.td {float:left}
#table { border: 1px; border-style: solid; height: 170px; background-color: red; }
</style>
<div id="table">
<div class="td">
<div class="kvadrat">1</div>
<div class="kvadrat">2</div>
<div class="kvadrat">3</div>
<div class="kvadrat">4</div>
</div>
<div class="td">
<div class="kvadrat">5</div>
<div class="kvadrat">6</div>
</div>
<div style="clear:both"></div>
</div>
</body>
</html> | |
|
|
|