[Çözüldü] Bir CSS Hizalama Problemi

[Timur]

Merhabalar arkadaşlar, css'te bir tablonun td elementi içerisindeki butonu en sağa hizalayıp oradan 2-3 cm. sola doğru uzaklaştırmak istiyorum. Nasıl yapabileceğim konusunda yardım edebilir misiniz? 

[alquirel]

Bu kadarıyla verilebilecek tavsiye şu olur herhalde:

"Float ve margin-right kullan."

[Timur]

Bu kadarıyla verilebilecek tavsiye şu olur herhalde:

"Float ve margin-right kullan."

sanırım yeterli anlatamadığımdan şüphelendiniz hocam. tasarladığım sayfanın üst kısmının resimdeki gibi olmasını istedim. İçeriği hizalama konusunda doğru düşünememiş olabilirim ama

[alquirel]

O sağdaki giriş formunu tasarlamanın en kolay yolu, 3×3'lük bir tablo hazırlamak.
Ki şimdi baktım, facebook da 3×3'lük bir tablo ile yapmış o sağdaki giriş formunu.

Senin sağ taraftan uzaklaştırmak istediğin şey, sadece düğme mi, yoksa o tabloyu olduğu gibi mi sağa uzak yapmak istiyorsun?

[Timur]

O sağdaki giriş formunu tasarlamanın en kolay yolu, 3×3'lük bir tablo hazırlamak.
Ki şimdi baktım, facebook da 3×3'lük bir tablo ile yapmış o sağdaki giriş formunu.

Senin sağ taraftan uzaklaştırmak istediğin şey, sadece düğme mi, yoksa o tabloyu olduğu gibi mi sağa uzak yapmak istiyorsun?

tabloyu uzaklaştırmak istiyorum hocam.
mesela ekran boyutu ne olursa olsun yaklaşık 3 cm. kadar bir mesafe olsun hep

[alquirel]

Şöyle bir şey deneyebilirsin.

Table etiketini bir adet div etiketiyle sararsın. Div olduğu için otomatikmen genişliği %100 olur zaten. Böylece ekranın tüm genişliğini kullanmış olursun. Table etiketine de şu biçimleri uygularsın :

» float: right
» margin-right: 3cm

Tabii ki, float kullandığın zaman, table etiketini sardığın div etiketinden sonraki ilk etikete "clear:both" biçimini uygulaman lazım. Uygulamadığında nasıl bir görünüm oluşacağını deneyerek daha iyi anlarsın.

[if]

@Timur, hazırlayabildiniz mi istediğiniz tabloyu?

[Timur]

evet, sorun çözüldü.