Tablolarınızı Css ile özelleştirebilirsiniz. Kenarlık ekleyebilir. Bu kenarlıkların kalınlığını ayarlayabilir, rengini değiştirebilirsiniz.Tabloların kenarlıklarını daraltabilir, genişliğini ve yüksekliğini ayarlayabilirsiniz. Yatayda ve dikeyde hizalayabilir. Tablo elemanlarının tablo ile arasındaki boşluğu ayarlayabilirsiniz. Bunun gibi daha bir çok özelleştirme elbetteki olur. Bizde en çok kullanılan örnekleri ele alalım.
Tablonun etrafına,satırlarına ve sütunlarına çizgiler ekleyerek tam özellikli bir tablo oluşturabilirsiniz.Tabi bunun da değişik versiyonları oluyor.Bu örneğimizde her bir hücresi saran çizgi le hoş bir görünüm elde etmeye çalıştım.
Kullanımı:
Tek çizgi ile oluşturulmuş tablo kenarlıkları ile de güzel görünümlü tablolar oluşturabilirsiniz.
Kullanımı:
Tablolarınızın genişlik ve yüksekliği en temel ayarlamanız gereken özellikler arasında gelir. Tablonun kendisi ne kadar yere sahip olacak yine tablonun satır ve sütunları ne kadar yükseklikte ve genişlikte olacak.Bu şekilde belirlemek zorundasınız.
Kullanımı:
Tablonun içeriğindeki verileri istediğiniz şekilde sola, sağa veya ortaya hizalayabilirsiniz.
Kullanımı:
Tablolarınız içindeki hücre verilerini istediğiniz gibi hizalayabilirsiniz. Üste, alta, ortaya, sağa veya sola tablonuzdaki veri türüne, tasarımınıza bağlı olarak istediğiniz şekilde ayarlayabilirsiniz.
Kullanımı:
Profesyonel tablo tasarımlarında artık bölücü çizgi ağırlıklı çalışılmaktadır. Göze daha hoş görünen bu çizgiler ile gözü yormayan çok çizgili tablo yapısını artık sektör geride bırakıyor. Onun yerine gözü daha az yoran tasarımları tercih ediyorlar.
Kullanımı:
Mouse ile üzerine geldiğiniz ilgili satırı belirgin hale getirmek için genelde hafif bir renk tonu ile tablonun ilgili satırının rengini değiştiririz ki aynı satırdaki her hücreyi gözümüz daha iyi seçebilsin hem bizim hem ziyaretçilerin gözü yorulmasın diye.
Kullanımı:
Bölücü çizgi tabloların ardından daha hoş görünümlü hangi hücrenin hangi satırda olduğunu anlayacağınız satırların sadece tek renkten değilde iki renkten oluşunca daha güzel görüneceği tablo yapısını inceleyeceğiz.
Kullanımı:
Tablolarınızın başlıklarının ögeleri ile ayırmak için öğeleri ile başlıkları farklı renklerde yapabilirsiniz.Bu sayede daha iyi bir tablo başlıklarına sahip olabilirsiniz.
Kullanımı:
Tablolar ile ilgili en önemli konu bu.Aslında sadece tablolar değil tüm web sitenizde her elemanın her cihaza uyumlu olması gerekmektedir.Bunu çoğu zaman varsayılan tarayıcı otomatik olarak yapmaz.Tarayıcıya her türlü içerik ve içeriklerindeki özellikte olduğu gibi sizin ayarlayıp yapmanız gerekmektedir. Tablolarda olduğu gibi bu nedenle her site elemanını bu açıdan mutlaka ele alınız.
Kullanımı:
Enes KILIÇ
Webmaster
Paylaş: