Tabeller
Nu ska vi försöka lära dig det som gör att sidan ser ut som den gör, tabeller. Med tabeller så kan du göra miljontals saker. Det vi skrivit om tidigare som till exempel bakgrunder går att använda tillsammans med tabeller. Med tabeller så kan du ha flera textområden på samma rad, så kallade kolumner. Grunden brukar se ut ungefär såhär…
<table>
<tr>
<td>
text
</td>
</tr>
</table>
Precis som med allt annat så finns det massor med tillägg, några av dessa är cellspacing, cellpadding, border, width, height, valign och align. Några av dessa känner du förhoppningsvis igen sedan tidigare i guiden.
Vi tar ett exempel. Om ni vill ha en tabell som är utan ram, 300px bred och som har lite ”luft” i sig, så bör den se ut ungefär såhär…
<table cellpadding=”2” border=”0” width=”300”>
<tr>
<td>
text
</td>
</tr>
</table>
Nu blir alltså tabellen utan ram, 300pixlar bred och en aning ”luftig”. Border bestämmer, precis som tidigare, om det ska vara ram (border) eller inte. Width är hur bred tabellen ska vara, height är då såklart höjden på tabellen. Cellpadding bestämmer hur ”luftig” tabellen ska vara, om du har noll så kommer texten vara ända ut i kanterna (vilket inte blir så snyggt om man använder ram eller bakgrundsbilder). Cellspacing är ungefär samma sak som cellpadding, bara att cellpadding förändrar tabellens storlek mer. Valign och align används för att bestämma vart tabellen ska hamna, vi tar ett till exempel…
<table cellpadding=”2” align=”center” border=”0” width=”300”>
<tr>
<td align=”center” valign=”top”>
text
</td>
</tr>
</table>
Nu hamnar ”text” centrerad och högst upp i tabellen, även hela tabellen på 300pixlar blir centrerad på sidan. Det som är vanligast att använda i align och valign är left, top, bottom och center, vad de står för kan du förhoppningsvis lista ut själv. Värt att nämna är att valign bestämmer hur det ska se ut vertikalt, align bestämmer horisontellt.
Nu ska vi ge oss på en tabell med 2 stycken textkolumner…
<table>
<tr>
<td>text</td>
<td>text</td>
</tr>
</table>