0
Kayıt Ol

Divlerin Yanyana Durması

8

●

829

  • 26-11-2009, 16:08:46
    #1
    NeonWeb
    NeonWeb
    Üyeliği durduruldu
    Selam Arkadaşlar
    Hazırladığım Tarih Ve Site Adlı 2 Tane Yer Var CSS olarak

    css ; 

    body {
	background-color: #bcbcbc;
	font-family: verdana;
	font-size: 12px;
	
}
#genel {
	width:700px;
	background-color:#ADACAC;
	align:center;
}
.genel {
	padding: 2px 5px 2px 5px
}
#tarih {
	background-color: #bcbcbc;
	font-size: 10px;
	text-align: left;
	width: 70px;
}
.tarih {
	padding : 1px

}
#site {
	background-color: #bcbcbc;
	font-size: 10px;
	text-align: left;
	width: 200px;
}
    html ; 

    	<body>
	<center><div id='genel'><div class='genel'></center>
	<br><div id='tarih'><div class='tarih'>01.01.2010</div></div>
	<div id='site'><div class='site'>http://www.google.com/</div></div>
    Sorum Şu Çıktı Şu Şekilde Oluyor ;

    01.01.2010
    http://www.google.com/

    ben bunu ;

    01.01.2010 http://www.google.com/

    nasıl bu şekilde yaparım ?

    site div'ini tarih divinin içine aldığımda gene aynı şekilde altta oluyor.
  • 26-11-2009, 16:15:02
    #2
    Erturk
    Erturk
    #kaplama {width:700px;margin:0px auto;background:#ADACAC;}
    .tarih {width:70px;float:left;background:#bcbcbc;font:10p x Tahoma;}
    .site {width:200px;float:left;background:#bcbcbc;font:10 px Tahoma;}


    Burası css kodlarındı. Asagıdakilerde xhtml


    <div id="kaplama">
    <div class="tarih">Burada tarih</div>
    <div class="site">burada site</div>
    </div>
  • 26-11-2009, 16:17:20
    #3
    Erturk
    Erturk
    px leri ayrık yazmısım yanlıslıkla. bitiştirirsin.
  • 26-11-2009, 16:18:53
    #4
    NeonWeb
    NeonWeb
    Üyeliği durduruldu
    Erturk adlı üyeden alıntı: mesajı görüntüle
    #kaplama {width:700px;margin:0px auto;background:#ADACAC;}
    .tarih {width:70px;float:left;background:#bcbcbc;font:10p x Tahoma;}
    .site {width:200px;float:left;background:#bcbcbc;font:10 px Tahoma;}


    Burası css kodlarındı. Asagıdakilerde xhtml


    <div id="kaplama">
    <div class="tarih">Burada tarih</div>
    <div class="site">burada site</div>
    </div>
    ilgin için teşekkür ederim hocam float eklemeyi unutmuşum tarihe float:left; yaptığımda düzeldi.yarım saattir bunla uğraşıyordum
  • 26-11-2009, 16:21:07
    #5
    Erturk
    Erturk
    Kodları yan yana yazmanı tavsiye ederim
  • 26-11-2009, 16:22:21
    #6
    NeonWeb
    NeonWeb
    Üyeliği durduruldu
    Erturk adlı üyeden alıntı: mesajı görüntüle
    Kodları yan yana yazmanı tavsiye ederim
    hocam bir sorun ile daha karşılaştım float ekleyınce bu sefer opera ve mozillada genel div'in içine girmıyor ?
  • 26-11-2009, 16:25:37
    #7
    Erturk
    Erturk
    Benim verdiğim kodlarda sorun yasayacagınızı zannetmıyorum. Ustelik daha az kod satırıyla bu işi halletmiş olursunuz.
  • 26-11-2009, 16:42:27
    #8
    dEaTh
    dEaTh
    css kodlarin
    Alıntı
    body {background-color: #bcbcbc;font-family: verdana;width:700px;margin:0px auto;}
    #genel {width:700px;height:50px;background-color:#ADACAC;padding: 2px 5px 2px 5px}
    .tarih {float:left;font-size: 10px;text-align: left;width: 70px;padding:10px;}
    .site {float:left;font-size: 10px;text-align: left;width: 200px;padding:10px;}
    div kodlarin
    ff'de vs sorun yoktur.
    Alıntı
    <body>
    <div id="genel">
    <br>
    <div class="tarih">01.01.2010</div>
    <div class="site">http://www.google.com/</div>
    </div>
    böle bişe işini görücektir
  • 26-11-2009, 16:46:30
    #9
    Erturk
    Erturk
    Boynuza bak hele hele hele hele Kulağı solluyor