Tablo ve kutu hesaplama teknikleri

 
Web Tasarım  

Merhaba.

HTML'de table veya iç içe çoklu div kullanırken hesaplama sıkıntısı yaşadıysanız, bu yazım size faydalı olabilir. Yazımda CSS veya HTML kodları olmayacak, sadece kendim bulduğum bazı formülleri sizlerle paylaşacağım. Göstereceğim formüller sayesinde CSS veya HTML tarafında daha sistematik ve hatadan uzak tablo veya katman hesaplamaları yaparak kod yazmanızı sağlayacaktır.

Formüllere geçmeden önce kullanacağımız kısaltmaların ne anlam taşıdığına bir bakalım.

Büyük Harfli Kısaltmalar
W
= Genişlik
H = Boy
C = Sayısı (kaçtane olduğu)
T = Toplam
P = İç boşluk (padding)

Küçük Harfli Kısaltmalar
h = Yatay
v = Dikey
b = Kutu (div veya table içindeki td gibi)
l = Hat (Bordür)
bg = Arkaplan (table veya ana div)

Devam...