Кодиране на дизайн без таблици

aquafresh

Registered
До сега винаги съм ползвал с таблици ,но сега ми трябва без никакви таблици. Как се позиционират текстовете и т.н..
 
е да с дивове знам как ,но нали трябват и таблици :roll:
Защото тея маргин и паддинг ще се объркат..
 
Задаваш float на дива и нямаш проблеми :)

Ето и пример:
Код:
<html>
<head>
<style type="text/css">
#all {margin-top: 80px; margin-left: 500px;}
#left {float: left; height: 30px; width: 150px; border: 1px #000 solid;}
#center {float: left; height: 30px; width: 150px; border: 1px #000 solid;}
#right {float: left; height: 30px; width: 150px; border: 1px #000 solid;}
.clear {clear: both; line-height: 0px;}
#footer {width: 454px; border: 1px #000 solid;}
</style>
<head>
<body>
<div id="all">
<div id="left">Лявото меню</div>
<div id="center">Средното меню</div>
<div id="right">Дясното меню</div>
<div class="clear"> </div>
<div id="footer">Footer</div>
</div>
</body>
</html>
 

Back
Горе