<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>CSS Döküm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<link rel="stylesheet" type="text/css" href="./css/reset.css"/>
</head>
<body>
<div class="twitter">
<div class="twitter-yazi">
<img src="./images/twitter2.png" alt="Twitter yazısı" />
</div>
<div class="header">
<div class="logo">
<a href="#"><img src="./images/logo.png" alt="Logo"/></a>
</div>
<div class="sosyal">
<img src="./images/sosyal1.png" alt="sosyal"/>
<div class="sosyal-buton">
<img src="./images/sosyal2.png" alt="sosyal butonlar"/>
</div>
</div>
</div>
<div class="icerik">
<div class="s1">
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
</div><div class="s2">
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
</div><div class="s3">
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
</div><div class="s4">
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
</div><div class="s5">
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
</div>
</div>
<div class="footer">
<div class="hakkimda">
<img src="./images/hakkimda.png" alt="Hakkımda" /> <br/>
<div class="resim"> <img src="./images/resim2.png" alt="Hakkımda Resim" /></div>
<p>HAKKIMDA BÖLÜMÜ <br/>
Yazı Yazı Yazı Yazı Yazı Yazı<br/>
Yazı Yazı Yazı Yazı Yazı Yazı<br/>
Yazı Yazı Yazı Yazı Yazı Yazı<br/>
Yazı Yazı Yazı Yazı Yazı Yazı<br/>
Yazı Yazı Yazı..</p>
</div>
<div class="iletisim">
<img src="./images/iletisim.png" alt="İletişim" /> <br/>
<input type="text" /><br/>
<textarea></textarea>
</div>
</div>
</body>
</html>
body{background: url("../images/bg.png")}
.twitter{background: url("../images/twitter.png"); height:36px}
.twitter-yazi{margin-left:10px; }
.header {height:150px; background:#d4d4d4; margin-top:20px}
.logo {margin-left:50px; padding-top:30px; float:left}
.sosyal {float:left; margin-left:400px; padding-top:30px }
.sosyal-buton {margin-left:15px}
.icerik {margin-left:250px; margin-top:15px; margin-bottom:20px}
.footer {height:250px; background:#d4d4d4}
.hakkimda {margin-left:70px; padding-top:20px }
.resim {float:left}
.hakkimda p {float:left; margin-left:5px; margin-top:3px }
.iletisim {margin-top:-38px; margin-left:540px}
.iletisim input {margin-bottom:5px; border:1px solid #8f8f8f; border-radius:8px; width:200px; color:8f8f8f}
.iletisim textarea {border:1px solid #8f8f8f; border-radius:8px; width:207px; height:100; color:8f8f8f} .icerik a {text-decoration: none;}kodunu css dosyanıza eklerseniz muhtemelen sorununuz hallolacaktır.