furkancelebi adlı üyeden alıntı:
mesajı görüntüle
<!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} 
Telafuz hatalarım var ise affola.
