css ile yan yana 3 sütun nasıl yapılır?

01-06-2009, 11:29:14

left ve right kullanarak 2 sutun yaptım ama 3 sutunu oluştururamadım
yan yana 3 sutun nasıl yapabilirim

Alıntı

#homepageleft {
float: left;
width: 300px;
margin: 0px;
padding: 0px;
}

.hpfeatured {
background: #FFFFFF url(images/featuredtop.gif) top no-repeat;
float: left;
height: 317px;
width: 277px;
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #DDDDDD;
}

#homepageleft {
float: left;
width: 300px;
margin: 0px;
padding: 0px;
}

.hpfeatured {
background: #FFFFFF url(images/featuredtop.gif) top no-repeat;
float: left;
height: 317px;
width: 277px;
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #DDDDDD;
}

#homepageright {
float: right;
width: 300px;
margin: 0px;
padding: 0px;
}

cevaplarınız için şimdiden teşekürler

01-06-2009, 12:23:02

#2

wm_xfreex

Kimlik doğrulama veya yönetimden onay bekliyor.

bu sefer hepsini left yapacaksın clear kullanmayacaksın

01-06-2009, 14:54:50

#3

uni

Hocam bildigim kadarıyla şöyle yapacaksın iki parçaya böldükten sonra örenegin sağ taraftaki bölümü de ikiye böleceksin böylece 3 sutun yapmış olacaksın. css dosyana şaşağıdaki kodları eklersin genişlikleri kendine göre düzeltirsin.

css'e eklenecek kısım

#homepageright1 {
float: left;
width: 150px;
margin: 0px;
padding: 0px;
}

#homepageright2 {
float: right;
width: 150px;
margin: 0px;
padding: 0px;
}

html de şöyle kullanacaksın

<div id="homepageright">
      
      <div id="homepageright1">
.
.
.
.

      </div>

      <div id="homepageright2">
.
.
.
.

      </div>
</div>

http://www.fatihhayrioglu.com/css-il...asi-olusturma/ buradan daha ayrıntılı öğrenebilirsin sorunun cevabını.

01-06-2009, 16:07:14

#4

okanyuksel

böyle birşey arıyorsanız;
İNDİR
başka bir konuda bir arkadaşa yapmıştım.maksat göstermek amaçlı.ie de kaymalar olabilir.onları düzeltirsiniz.

01-06-2009, 16:36:22

#5

HarbiSey

Örnek: Css dosyasi icin ayri sekilde yazmadim. Html olarak yazdim, istersen div style ile baslayanlarin yerine div class yaparsin kodlarida bir css dosyasina atarsin.

<body>
<div style="100px; width:756px; margin: 0px auto; height:500px; ">
<div style="background:#CCC; width:auto; height:60px; margin-bottom:5px;">Üst</div>
<div style="float:left; margin-left:0px; background:#999; height:350px;width:150px; display:inline;">
  <p>yazi</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div style="float:left; margin-left:3px; margin-right:3px; background:#999; height:350px; width:450px; display:inline">
  <p>yazi</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div style="float:left; margin-right:0px; background:#999; width:150px; height:350px;display:inline">
  <p>yazi</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>sad  </p>
  <p>&nbsp;</p>
</div>
<div style="clear:both;"></div>
<div style="background:#CCC; width:auto; height:50px; margin-top:5px;">alt</div>
</div>
</body>

01-06-2009, 20:30:57

#6

wst

Bu görüntüsü

buda kodları dostum

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
<title>Untitled Document</title>
<style type="text/CSS">
<!--
#container {
width: 600px;
margin-right: auto;
margin-left: auto;
}
body {
text-align: left;
margin: 0px;
padding: 0px;
}
#sol {
background-color: #FF0000;
float: left;
height: 250px;
width: 100px;
}
#sag {
background-color: #9A5000;
float: left;
height: 250px;
width: 100px;
}
#orta {
background-color: #0099FF;
float: left;
height: 250px;
width: 400px;
}
#alt {
background-color: #666666;
height: 50px;
width: 600px;
clear: both;
position: relative;
}
#ust {
background-color: #00C300;
height: 50px;
width: 600px;
clear: both;
position: relative;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="ust">ust</div>
<div id="sol">sol</div>
<div id="orta">orta</div>
<div id="sag">sag</div>
<div id="alt">alt</div>
</div>
</body>
</HTML>

baya aramıştım ie,ff,crome,opera hepsinde düzgün çalışıyor

04-06-2009, 11:40:08

#7

bilgicinitr

slm eğer css den anlayan varsa diye...
ben kullandığım kodları yazdım onlara göre ayarlanması için
bunlar hazır işime yaramaz yani umarım anlatabildim..

26-09-2009, 17:29:54

#8

~~uguronline~~

Üyeliği durduruldu

@wst

bu benim işime yaradı sağolasın.

08-01-2011, 18:35:46

#9

~~Remzi0068~~

Üyeliği durduruldu

salasin kardes