Div tagı ile tablo nasıl yapılır

CoLd!uX · 3 Mayıs 2012

iyi akşamlar arkadaşlar aşağıdaki tabloyu nasıl yapabiliriz div tagı ile kodlanmış olması gerekiyor iyi çalışmalar..

metadige · 3 Mayıs 2012

Bu adreslerden istediğin şekilde div oluşturabilirsin. Mantığını da daha iyi anlarsın.
http://960.gs/
http://grids.heroku.com/

wwwxxxyyy · 3 Mayıs 2012

En basit şekilde aşağıdaki gibi yapabilirsiniz.

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.

Div tagı ile tablo nasıl yapılır

CoLd!uX

0

metadige

0

wwwxxxyyy

0