Lad os gå tilbage til gode gamle Per.
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="left" VALIGN="middle">Per</TD> </TR> </TABLE>
Per |
Og for enkletheden og overblikket, lad os fjerne attributterne. Vi ved hvad der vil ske for vi ved hvad de default værdier er. For resten, et TAG fortæller browseren at den skal gøre noget. En ATTRIBUT placeres i TAG'et og fortæller browseren hvordan den skal gøre det.
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD>Per</TD> </TR> </TABLE>
Per |
Nu gør vi vores tabel lidt større.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD>Per</TD> </TR> </TABLE>
Per |
Du skal lige vide at lidt er en teknisk term. Dens fulde definition er så omfattendene og kompliceret at den kun anses for passende for avancerede html kursister.
Per's ven Jesper er tilbage og denne gang vil han have sin egen celle.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD>Per</TD> <TD>Jesper</TD> </TR> </TABLE>
Per | Jesper |
Når du ikke instruerer browseren, får hver celle (næsten altid) en forskellig størrelse. Det er ofte en god ide at specificere, hvor stor en celle er. Du skal dog sikre dig at dine udregninger er rigtige, ellers kan det brugerne ser være drastisk anderledes end hvad du ønskede de skulle se!
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=150>Per</TD> <TD WIDTH=150>Jesper</TD> </TR> </TABLE>
Per | Jesper |
Disse WIDTH attributter kan også udtrykkes i procent.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=50%>Per</TD> <TD WIDTH=50%>Jesper</TD> </TR> </TABLE>
Per | Jesper |
FAQ: Jeg har angivet dimensioner i min tabel, men de bliver ikke vist rigtigt. Eller det virker rigtigt nok i browser A, men ser helt forkert ud i browser B.
A: At blive for specifik med celle dimensioner er ofte tricky business. Ofte renderer browseren ikke tabellen nøjagtigt som vi specificerede. Den bedste måde at løse dette på er at lave tabeller der er som elastikker mere end regulære Rammer. Det vil sige, de holder fleksibelt sammen på det hele frem for stramt at "bokse" det hele sammen. Design din tabel sådan at små forskelle i browsere ikke ødelægger det du gerne ville opnå. |