Det næste er et par attributter, der hedder CELLPADDING og CELLSPACING. De bruges begge oppe i <TABLE> tag'et. CELLPADDING er mellemrum i pixels mellem kanten og og indholdet i cellen.
<TABLE BORDER=3 CELLPADDING=12> <TR> <TD>Per</TD> <TD>Jesper</TD> <TD>Thomas</TD> </TR> <TR> <TD>Anja</TD> <TD>Michael</TD> <TD>Radu</TD> </TR> </TABLE>
Per | Jesper | Thomas |
Anja | Michael | Radu |
Default værdien for denne attribut er normalt 1. Grunden til at den er 1 frem for 0 er så tekst i cellen ikke står klods op ad kanten. (Selvom du kan sætte den til 0, hvis du ønsker det).
Hvis vi erstatter CELLSPACING med CELLPADDING får vi en lidt anden effekt.
<TABLE BORDER=3 CELLSPACING=12> <TR> <TD>Per</TD> <TD>Jesper</TD> <TD>Thomas</TD> </TR> <TR> <TD>Anja</TD> <TD>Michael</TD> <TD>Radu</TD> </TR> </TABLE>
Per | Jesper | Thomas |
Anja | Michael | Radu |
Default værdi for CELLSPACING attributten er normalt 2.
Vi kan selvfølgelig bruge disse attributter i kombination.
<TABLE BORDER=3 CELLSPACING=12 CELLPADDING=12> <TR> <TD>Per</TD> <TD>Jesper</TD> <TD>Thomas</TD> </TR> <TR> <TD>Anja</TD> <TD>Michael</TD> <TD>Radu</TD> </TR> </TABLE>
Per | Jesper | Thomas |
Anja | Michael | Radu |
Og, for at se hvordan det ser ud, kan vi sætte dem begge til 0.
<TABLE BORDER=3 CELLSPACING=0 CELLPADDING=0> <TR> <TD>Per</TD> <TD>Jesper</TD> <TD>Thomas</TD> </TR> <TR> <TD>Anja</TD> <TD>Michael</TD> <TD>Radu</TD> </TR> </TABLE>
Per | Jesper | Thomas |
Anja | Michael | Radu |
Før vi går videre er der lige en ting jeg godt vil nævne. Jeg har lagt mærke til at flere og flere undlader at afslutte tabel data </TD>, række </TR> og tabel </TABLE> tags. Selv W3C's html anbefaling foreslår at disse kan udelades. Ideen er at browseren skulle kunne finde ud af, at når en ny celle begynder, så må den forrige være afsluttet. Desværre risikerer du, efterhånden som dine tabeller bliver mere og mere komplicerede, at browseren misforstår det og tabellen går amok. Den nemmeste måde at undgå dette på, er altid at skrive de afsluttende tags. Det fører os til vores næste FAQ...
FAQ: Jeg har lavet min side i SooperCoder og den fungerer fint i Browser A, men den er helt usynlig i browser B. Hvad går galt?
A: Når en hel side eller store dele af en side pludselig bliver usynlig, så er synderen ofte en eller flere manglende </TABLE> tags. Sørg for at alle afsluttende tags er skrevet (især /TABLE), så forsvinder problemet. ;-) |
(Igen, hvis vi vil forberede os for den kommende standard (som allerede er i brug) XML, så er kravet jo, at alle tags skal afsluttes.) Ewan.