Div tagı ile tablo nasıl yapılır
Bu adreslerden istediğin şekilde div oluşturabilirsin. Mantığını da daha iyi anlarsın.
http://960.gs/
http://grids.heroku.com/
http://960.gs/
http://grids.heroku.com/
En basit şekilde aşağıdaki gibi yapabilirsiniz.
Üstteki kodu hhh.css olarak kaydedin.
Kod:
#ana_yapi {
width: 800px;
height:auto;
margin-left: auto;
margin-right: auto;
background-color: [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=fff]#fff[/URL]
}
#icerik {
border: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
}
#banner {
border: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
}
#alt1 {
border-top: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
border-bottom: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
width: 400px;
float:left;
}
#alt2 {
border-top: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
border-bottom: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
border-left: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
width: 399px;
float:left;
}
#en_alt {
border: 1px solid [URL=http://forum.iyinet.com/usertag.php?do=list&action=hash&hash=000]#000[/URL]
}
Kod:
<!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>
<title>deneme</title>
<link rel="stylesheet" href="hhh.css" type="text/css" />
</head>
<body>
<div id="ana_yapi">
<div id="banner">Üst</div>
<div id="icerik"><h1>İçerik</h1></div>
<div id="alt1">Alt 1</div>
<div id="alt2">Alt 2</div>
<div id="en_alt">En Alt</div>
</div>
</body></html>Üstteki kodu hhh.css olarak kaydedin.