OLIKA TABELLER

Här ser du en hemsida med grå bakgrund, färgkoden är #5f5f5f och sedan har vi en tabell, som är centrerad och har en gul bakgrund med färgkoden #ffffad. Tabellen består av en enda cell. Koden för hela tabellen är endast så här (då är inte texten i tabellen med, den du läser just nu!):

<TABLE BORDER="0" WIDTH="500" BGCOLOR="#ffffad">
<TR><TD>
Här kommer texten!
</TD></TR></TABLE>

Om du inte hade satt ett fast mått på tabellen WIDTH="500", så hade tabellbredden rättat sig efter den mängd text som fanns i cellen. Om du provar med olika storlek på fönstret, ska du märka att bredden på cellen (eller tabellen, som i det här fallet är samma sak eftersom det bara finns en cell i tabellen!) är likadan. Alltså om fönstret är maximerat eller återställt till en mindre storlek!

Däremot förändras höjden på cellen (eller tabellen), beroende på hur mycket text du skriver in.


MYCKET VÄSEN FÖR INGENTING: Akt V, scen 1

Leon säger:
Ha, vill du håna mig på köpet, karl!
Jag talar icke som en pjollrig gubbe,
Som skryter under ålderdomens skydd
Om hvad han har gjort som ung och hvad han skulle,
Om han ej vore gammal, göra än.
Hör Claudio! Du så har förolämpat
Mitt stackars barn och mig, att jag är tvungen
Att sätta ålderns värdighet å sido
Och med mitt gråa hår och mina lemmar,
Af tiden brutna, mana dig till tvekamp.
Du har mitt stackars barn beljugit, hör du;
Du krossat hennes hjärta med förtal;
Nu ligger hon i graf med sina fäder,
En graf, där ingen annan smälek slumrat
Än den, som nu din nidingssjäl har smidt.

Den här andra tabellen består av 2 celler och 2 kolumner och 1 rad, om du är med på vad jag menar?!

Den vänstra cellen har en ljusgrön bakgrundsfärg med färgkoden #b6ffb6 och den högra har en ljust orange bakgrundsfärg med färgkoden #ffce9e.

Det ligger ett fast mått på 550 pixlar på hela tabellen. I den vänstra cellen har jag angivit ett procentmått på bredden på den cellen, så här: WIDTH="50%".

Du ser väl kanske vem som har skrivit monologen här till vänster? Just det: William Shakespeare!


Koden för tabellen här ovan (med två celler) förutom texten,
d. v. s. innehållet i cellerna!

<TABLE BORDER="0" CELLPADDING="7" WIDTH="550"><TR>
<TD WIDTH="50%" BGCOLOR="#b6ffb6">

<FONT FACE="Verdana" SIZE="2" COLOR="#000000">
Text
</TD>

<TD BGCOLOR="#ffce9e" VALIGN="top">
<FONT FACE="Verdana" SIZE="2" COLOR="#000000">
Mer text
</TD></TR></TABLE>


TD WIDTH=350 och BORDER=0
Hunden heter Calle!
Fotografen heter Rolf Malmquist!

TABLE WIDTH=500 och BORDER=1
Hunden heter Calle!
Fotografen heter Rolf Malmquist!

TABLE WIDTH=75% och BORDER=1
Hunden heter Calle!
Fotografen heter Rolf Malmquist!

TABLE WIDTH=650 OCH TD WIDTH=50% och BORDER=1
Hunden heter Calle!
Fotografen heter Rolf Malmquist!
© Rolf Malmquist