Yatay <li> Elemanlarını Nasıl Ortalarız?

Vatanay Özbeyli 2 Yorum CSS3, Tasarım Unsurları

Yatay menü tasarımlarında sıklıkla kullandığımız <ul> içerisindeki <li> öğelerini ortalamak aslında gayet basit.

Birkaç basit CSS koduyla Firefox, Chrome ve Internet Explorer gibi yaygın tarayıcılarla uyumlu olarak çalışan bir ortalayıcı hazırlayabilirsiniz. (daha&helliip;)

Devamını Oku

CSS ile Ekranın Tam Ortası

Vatanay Özbeyli 1 Yorum CSS3, Tasarım Unsurları

CSS ile Ekranın Ortasına Obje Yerleştirme

Web tasarımında çok sık karşımıza çıkan sayfayı ortalama sorunu CSS ile bile çözülememekteydi.

Browserların çoğu versiyonuyla uyumlu bu CSS kodu sayesinde ortalama problemi ortadan kalkıyor. Özellikle uyumluluk sağlanmak istenen browserlara bakalım : Safari, IOS, Android, WebKit Görüntüleyicileri, Firefox, IE10, Chrome 21+, Opera 12.1, Firefox 22+,

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Divleri Ortalamak

Vatanay Özbeyli Yorum yazın CSS3, Tasarım Unsurları

Web tasarımcılarının en çok canını sıkan konulardan birine el atıyoruz. Sayfanın dikey ve yatay olarak tam ortasına div yerleştirmek artık sizler için çocuk oyuncağı olacak.

Yapmamız gereken tek şey <html> tagını tablo, <body> tagını da tablo hücresi olarak tanımlamak. Böylece sıradan bir vertical-align:middle kodu ile işlemimizi tamamlamış oluyoruz.

Sayfanızın ortasına bir div oluşturacağınızı varsayarak örnek hazırlayalım.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku