CSS Bilen Arkadaşlar Biraz Bakabilir Mi ?

05/Tem/11 00:29

Kısayol

Şikayet

Özel Mesaj

napnapp

Kayıt Tarihi: 11/Haziran/2010

Css le ugrasıyorum biraz ögreneyim dedim fakat takıldıgım noktalarda burada çözüm bulmayı hedefliyorum sorularım ikinci postta olacak

Alıntı yap

05/Tem/11 00:30

Kısayol

Şikayet

Özel Mesaj

napnapp

Kayıt Tarihi: 11/Haziran/2010

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#tumu {
   background-color: #009;
   height: auto;
   width: 900px;
}
#ust {
   width: 100%;
   background-color: #000;
   height: 150px;
}
#orta {
   width: 100%;
   background-color: #0F0;
}
#alt {
   width: 100%;
   background-color: #300;
}
#ustlogo {
   float: left;
   height: 140px;
   width: 240px;
   background-color: #36C;
   margin-top: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
   margin-left: 5px;
}
#reklam1 {
   float: right;
   height: 110px;
   width: 600px;
   background-color: #C03;
   margin-top: 15px;
   margin-right: 25px;
   margin-bottom: 15px;
   margin-left: 25px;
}
#usttemizle {
   clear: both;
}
#menu {
   background-color: #0F0;
   width: auto;
   height: 30px;
}
#ortasol {
   float: left;
   height: auto;
   width: 680px;
   background-color: #006;
   padding: 5px;
}
#tumhaberler {
   margin: auto;
   padding: 5px;
   height: 50px;
   width: 670px;
   background-color: #CF3;
}
#resimgaleri {
   background-color: #0F3;
   padding: 5px;
   height: 50px;
   width: 670px;
   margin-top: 5px;
   margin-right: auto;
   margin-bottom: auto;
   margin-left: auto;
}
#videogaleri {
   padding: 5px;
   height: 50px;
   width: 670px;
   margin-top: 5px;
   margin-right: auto;
   margin-bottom: auto;
   margin-left: auto;
   background-color: #F00;
}
#desing {
   background-color: #F9F;
   width: 890px;
   padding: 5px;
}
#yazarlar {
   background-color: #0F6;
   height: 30px;
   width: auto;
   margin: auto;
   padding: 5px;
}
#anket {
   background-color: #C30;
   padding: 5px;
   height: 30px;
   width: auto;
   margin-top: 5px;
   margin-right: auto;
   margin-bottom: auto;
   margin-left: auto;
}
#ortasag {
   float: right;
   height: auto;
   width: 200px;
   background-color: #3CC;
   padding: 5px;
}
#resimslayt {
   height: auto;
   width: 100%;
}
#resimhaber {
   height: 260px;
   width: 350px;
   float: left;
   background-color: #903;
}
#yazihaber {
   float: right;
   height: 260px;
   width: 330px;
   background-color: #FF0;
}

#reklam2 {
   background-color: #00F;
   margin: 5px;
   height: 110px;
   width: auto;
}
#temizle {
   clear: both;
}
#bilgi {
   background-color: #C0C;
   padding: 5px;
   height: 40px;
   width: 90%;
   margin-top: 5px;
   margin-right: auto;
   margin-bottom: 5px;
   margin-left: auto;
}
#ustortaayrac {
   clear: both;
}
#ortaaltayrac {
   clear: both;
}
</style>
</head>

<body>
<div id="tumu">
<div id="ust">
    <div id="ustlogo">logo gelicek</div>
    <div id="reklam1">reklam gelecek</div>
    <div id="usttemizle"></div>
    <div id="menu">menu gelcek ama sorunlu</div>
</div>
<div id="ustortaayrac"></div>
<div id="orta">
    <div id="ortasol">
      <div id="resimslayt">
        <div id="resimhaber">haberlerin resimleri burada otomatik donecek</div>
        <div id="yazihaber">resimle ilgili haberin yazısı</div>
        <div id="temizle"></div>
        <div id="reklam2">ikinci reklam alanı</div>
        <div id="tumhaberler">eklenme sırasına gore butun haberler listelenecek</div>
        <div id="resimgaleri">resim galeri burada olacak</div>
        <div id="videogaleri">video galerisi buada olacak</div>
      </div>
    </div>
    <div id="ortasag">
      <div id="yazarlar">yazarlar listelenecek</div>
      <div id="anket">yapılan anket burada gozukecek</div>
    </div>
</div>
<div id="ortaaltayrac"></div>
<div id="alt">
    <div id="bilgi">site ile ilgili genel bilgi yazaılacak</div>
    <div id="desing">tasarım sahibi iletişim bilgileri yer alacak</div>
</div>
</div>
</body>
</html>

tasarım tamamını css ve divlerle yapmaya calışıyorum degişiklikleri gormek için rengarenk bir sey oldu;

sorun ise menu kısmında onizleme yaptıgımda menu ile alt ksım birbirine giriyor araya clear fln kullnadım tekrar yaptım baya ugratım ama cozemedim

Alıntı yap

05/Tem/11 00:59

Kısayol

Şikayet

Özel Mesaj

SinusX