• 28-05-2009, 02:16:15
    #1
    Google'da da araştırdım burada da bazı konular var ancak basit ve en kullanışlı yolu arıyorum. Aslında öğrenemedim tam nasıl kullacağımı kodları.

    Elimizde 2 tane div var. Bunların 1 tanesini ortalamak diğerini ise sağa yaslamak istiyoruz.

    Ör:



    Burada dikdörtgen şekli 1.div Yıldız yokmuşcasına sayfanın tam ortasında durmakta. Yıldız ise sayfanın en sağına yaslanmıştır.

    Bunun için nasıl bir kod kullanmam lazım ?
    Teşekkürler şimdiden
  • 28-05-2009, 05:19:05
    #2
    <!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>
    <style type="text/css">
    #tablo {
    	width:700px;
    	height:70px;
    	margin:0px auto;
    	border:2px solid #000;
    	}
    .kare	{
    	width:70px;
    	height:70px;
    	margin:5px auto;
    	border:2px solid red;
    	}
    .yildiz {
    	width:70px;
    	height:70px;
    	margin:5px auto;
    	float:right;
    	border:2px solid blue;
    	}
    </style>
    <body>
    <div id="tablo">
    
    	<div class="yildiz">yildiz</div>
    	<div class="kare">kare</div>
    </div>
    </body>
    </html>

    Böyle birsey yazdım ama umarım işini görür.
  • 28-05-2009, 08:09:49
    #3
    Teşekkürler şöyle bir durum var ancak verdiğiniz kodlarda tablo width=700px. Eğer sayfa ufaltılarak açılırsa sayfada bozulma olacaktır. Bunu sayfanın genişliğine göre otomatik yapamaz mıyız ?
  • 28-05-2009, 09:36:08
    #4
    Cagatayh adlı üyeden alıntı: mesajı görüntüle
    Teşekkürler şöyle bir durum var ancak verdiğiniz kodlarda tablo width=700px. Eğer sayfa ufaltılarak açılırsa sayfada bozulma olacaktır. Bunu sayfanın genişliğine göre otomatik yapamaz mıyız ?
    ekteki şekilde mi?
  • 28-05-2009, 11:22:53
    #5
    GqN
    Üyeliği durduruldu
    div align="left" ve center kullanabilirsin css kullanmadiysan...
  • 28-05-2009, 14:04:36
    #6
    GqN adlı üyeden alıntı: mesajı görüntüle
    div align="left" ve center kullanabilirsin css kullanmadiysan...
    Onlar aynı satırda olmasına yaramıyor ki.

    felix59 adlı üyeden alıntı: mesajı görüntüle
    ekteki şekilde mi?
    Evet bu şekilde ancak aynı satırda değiller farkettiysen dikdörtgen şekli biraz daha yukarıda.
  • 28-05-2009, 15:27:56
    #7
    Cagatayh adlı üyeden alıntı: mesajı görüntüle
    Onlar aynı satırda olmasına yaramıyor ki.
    Evet bu şekilde ancak aynı satırda değiller farkettiysen dikdörtgen şekli biraz daha yukarıda.
    mantık taşıyıcı içindekini margin-left ve right i auto yapyıp kareyi yatayda ortalamak, taşıyıcıda position:relative; yaparak içine yıldızı position:absolute yaptım. böylece yıldız taşıyıcıya göre pozisyon alacak. top ve right değerlerini değiştirerek hizalayabilirsin. ben tam piksel olarak hizalamadım yaklaşık olarak verdiğim için onlar aynı hizada değil. top değerini artırıp/azaltırsan ps'de hizalayabilirsin.