Table Tutor
 Lektion 5

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å.

<-- Tilbage Næste -->

Table Tutor - Lektion 5
Indholds
fortegnelse
(Site Map)

Lektioner:
Intro - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9
10 - 11 - 12 - 13 - 14 - 15 - 16

 Kvik
Reference
Barebones HTML Guide
Barebones
HTML Guide

RESSOURCER FOR WEB FORFATTERE:     Billeder - JavaScripts - Baggrunde - Lyde - HTML - Andet

Print version - på engelsk, og den koster!        WebTutor er Donationware

FANDT DU EN FEJL..?                         Vits PauseVits Pause                                                     Hvordan man holder en idiot beskæftiget