Çözemediğim bir sorun ?

17-02-2010, 22:53:25

Üyeliği durduruldu

2 nolu alanı 1 nolu alanda tutmak istiyorum :S ama bir türlü becereemedim. yeni başladım css'ye div kodlaması ile tablosuz tasarım yapmaya çalışıyorum

HTML Kodlarını böyle yaptım :

<body>


<div id="genel">
<div class="genelustsol">
<span class="stil1">DENEME <br />
DENEME <br />
DENEME <br />
DENEME <br />
DENEME <br />
DENEME <br />
DENEME </span><br />
</div> 
<div class="genelustsag"> <img src="img/sagalan.jpg" /> 
</div>
</div>

</body>

CSS :

body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
background:#e2e2e2 url(img/arkaplan.jpg) repeat-x center top;
width: 100%;
}

h1{
font-size: 18px;
color:#FFFFFF
}

#genel{
width:805px;
border:1px dashed #FFFFFF;
}
.genelustsol{
float:left;
width:500px;
border:1px dashed #FFFFFF;
}

.genelustsag{
float: right;
width:305px;
border:1px dashed #FFFFFF;
}

Nerede hata yapıyorum yardımcı olabilir misiniz ?

17-02-2010, 23:38:04

#2

arno

Kimlik doğrulama veya yönetimden onay bekliyor.

.genelustsol{
float:left;
width:408px;
border:1px dashed #FFFFFF;
}

.genelustsag{
width:303px;
border:1px dashed #FFFFFF;
}

ya da

#genel{
width:809px;
border:1px dashed #FFFFFF;
}

yan yana iki tane div kutu koyduğunda onları kapsayan kutu için boyut verecek olduğunda width, padding, margin ve border ların pixellerini toplaman gerekiyor.

17-02-2010, 23:40:04

#3

mre

Kimlik doğrulama veya yönetimden onay bekliyor.

2nin eni buyuk gibi ondan sigmiyor gozukuyor ama ? 2nin soldaki cizgiler 1.in alt cizgisinin yaninda kaliyor.

17-02-2010, 23:51:42

#4

~~KeyiflePaylas~~

Üyeliği durduruldu

çok teşekkürler sorun çözüldü

hay Allah razı olsun yaa...

18-02-2010, 11:33:58

#5

~~KeyiflePaylas~~

Üyeliği durduruldu

Neden alta devam edemiyorum... :S Eklediğim kodları hep yana doğru devam ettiriyor. body'den kısmayı bile denedim ama bana mısn demiyor :S nerde hata yapıyorum ?

body{
width:811px;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
background:#e2e2e2 url(img/arkaplan.jpg) repeat-x center top;
width: 100%;
}

h1{
font-size: 18px;
color:#FFFFFF
}

#genel{
width:805px;
}
.genelustsol{
background: url(img/solalan.png);
float:left;
width:500px;
height:216px;

}

.genelustsag{
background:url(img/sagalan.png);
height:216px;
float:left;
width:305px;

}

.usttitle{
float:left;
padding-top:30px;
padding-left:40px;
font:30px Myriad Pro;
color:#FFFFFF;
width:450px;
}

.ustslogan{
padding-left:40px;
font:16px Myriad Pro;
color: #00CCFF;
width:450px;
}

.uyarisag{
padding-left:45px;
padding-top:45px;
font:50px "Times New Roman", Times, serif;
color:#95121A;
width:450px;
}

.sagustmenu{
float:right;
padding-top: 70px;
padding-right:50px;
font:16px Myriad Pro;
color: #FFFFFF;
}

.sagustmenu a{
color:#FFFFFF;
text-decoration:none;
}

.sagustmenu a:hover{
color:#00CCFF;
}

#menu{
width:500px;
background:#FF0000;}

<body>
<div id="genel">
<div class="genelustsol">

<div class="usttitle"> kayiflepaylas</div>
<div class="ustslogan">kayiflepaylassssssssss </div>
<div class="uyarisag"><img src="img/bm.jpg" alt="kayiflepaylas" width="207" height="51" /></div>
</div> 





<div class="genelustsag">
<div class="sagustmenu"><a href="uyelik.html">Yeni Üyelik</a> | <a href="onlinedestek.html">Online Destek</a> | <a href="iletisim.html">İletişim</a></div>
</div>

</div>
<div id="menu"> </div>

Nereye koyacağımı bilemedim :S
</body>

Nerede hata var anlayamadım her yerde denedim yine aynı yine aynı... genel'i tanımıyo sanırm

18-02-2010, 18:10:47

#6

arno

<div style="clear:both;"></div>

Yukarıdaki kodu yana doğru kaymasını istemediğin kodların üstüne koy. Çözüm bu olmayabilir çünkü anlatmak istediğini tam olarak anlayamadım...