CELLPADDING ve CELLSPACING, <TABLE> etiketinin içine yazılan komutlardan en kullanışlılarıdır. CELLPADDING özelliği, data hücresinin içeriğinin sınırlara olan mesafesini (pixel) olarak ayarlamaya yarar. CELLSPACING ise hücrelerin birbirlerine olan mesafesini ayarlar (varsayılan değer 2 pixeldir.)
Aralarında hiç fark yokmuş dediğinizi duyar gibiyim ama yanlış. Aralarında çok fark vardır. Aşağıdaki örnekte, her iki tabloda aynı olup birinde CELLPADDING=10 değeri verilmiştir.
<TABLE BORDER=2 CELLPADDING=10>
<TR>
<TD>SuperTurks</TD>
<TD>1 Numara</TD>
</TR>
<TR>
<TD>SuperTurks</TD>
<TD>En İyisi</TD>
</TR>
</TABLE>
| SuperTurks |
1 Numara |
| SuperTurks |
En İyisi |
Aşağıdakinde ise CELLSPACING=10 değeri verilmiştir.
<TABLE BORDER=2 CELLSPACING=10>
<TR>
<TD>SuperTurks</TD>
<TD>1 Numara</TD>
</TR>
<TR>
<TD>SuperTurks</TD>
<TD>En İyisi</TD>
</TR>
</TABLE>
| SuperTurks |
1 Numara |
| SuperTurks |
En İyisi |
Aaa, şimdi anlar gibiyim, ama bunlar ne işe yarayacak ki dediğinizi duyar gibiyim. Gerçekten farkı anladığınıza sevindim, ama
ne işe yarayacağını öğrenmeniz için vakit henüz erken; gelin siz bundan sonra tablolarınızı yaparken <TABLE> etiketinin içini aşağıdaki gibi
doldurun, gün gelir sizde gerekli kullanımının farkına varıp burada gördüklerinizi değerlendirirsiniz.
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
Bu başlangıç etiketimiz olsun, gelin bundan sonrasını üzerine devam edelim. Tabii, dilerseniz BORDER=0 değerindeki " 0 " ı herhangi bir rakamla
değiştirip, gittikçe kalınlaşan bir sınır çizebilirsiniz.
| SuperTurks |
1 Numara |
| SuperTurks |
En İyisi |
Benim favorim
Birde benim favorimden mutlaka bahsetmeliyim. Sanırım yeni başlayanlar biraz da
dikkatsizse benim bu sayfanın bölmelerini gösteren o ince sınır çizgilerini nasıl çizdiğimi merak ederler.
Kolay, aşağıdaki kodu boş bir sayfaya kopyalayıp deneyin, bütün yaptığım <TABLE> içindeki cellspacing=0
özelliğini cellspacing=1 ( 1 pixel kalınlık için ) yapmak; ayrıca <TABLE> etiketindeki
bgcolor (arkaplan rengini) çerçevede istediğimiz renge ayarlamak, sonra da <TD> içine bgcolor
(arkaplan rengini) özelliği ilave edip, tablo hücresi için renk kodunu belirtmek.
Renk seçimi için bir burası vede
font renklerini de karşılaştırabileceğimiz bu ikinci
aracımızda kullanmanız için sizi bekliyor.
<TABLE BORDER=0 CELLSPACING=1 bgcolor=#000000 width=300 height=150>
<TR>
<TD bgcolor=#ffffff>SuperTurks</TD>
<TD bgcolor=#ffffff>1 Numara</TD>
</TR>
<TR>
<TD bgcolor=#ffffff>SuperTurks</TD>
<TD bgcolor=#ffffff>En İyisi</TD>
</TR>
</TABLE>
| SuperTurks |
1 Numara |
| SuperTurks |
En İyisi |
Tablolara hakim olmak diyorduk değil mi??
Ne duruyorsunuz, Not Defterini hala açmadınız mı?
Devam etmek istiyorsanız, devam edelim.
