http://monkeytoys.com/htmlkurs/

    Senast uppdaterad: 1997-04-16 klockan: 19.00

    HTML på svenska

    Fördjupningsavsnitt

    Vanliga frågor om tabeller

    Kan man göra en bakgrundsfärg på en tabell?

    Ja, visst kan man göra det. Det går även bra att bestämma bakgrundsfärgen på varje enskild cell. Koden är densamma som när man bestämmer bakgrundsfärgen på hemsidan. Vi gör ett exempel med en tabell med fyra celler.

    <TABLE>
    <TR>
     <TD>Cell 1</TD><TD>Cell 2</TD>
    </TR>
    <TR>
     <TD>Cell 3</TD><TD>Cell 4</TD>
    </TR>
    </TABLE>
    Den ser ut så här innan vi har färglagt den:

    Cell 1Cell 2
    Cell 3Cell 4

    Koden för bakgrundsfärg heter, som du kanske kommer ihåg från lektion 3, BGCOLOR. Vi vill att tabellen i vårt exempel ska ha gul bakgrundsfärg och att den övre vänstra rutan ska ha röd bakgrundsfärg. Vi lägger till den kod vi behöver i tabellen vi nyss skapade:

    <TABLE BGCOLOR="#FFFF00">
    <TR>
     <TD BGCOLOR="#FF0000">Cell 1</TD><TD>Cell 2</TD>
    </TR>
    <TR>
     <TD>Cell 3</TD><TD>Cell 4</TD>
    </TR>
    </TABLE>
    Så här ser det ut:

    Cell 1Cell 2
    Cell 3Cell 4

    Det fungerar inte i äldre versioner av Netscape och Internet Explorer.

    Hur bestämmer man storleken på en tabell?

    Det gör man med WIDTH och HEIGHT. Man kan ange bredd och höjd i pixlar eller som en procentsats i förhållande till skärmen. Vi börjar med att skapa en tabell med fyra rutor.

    <TABLE BORDER=1>
    <TR>
     <TD>Cell</TD><TD>Cell</TD>
    </TR>
    <TR>
     <TD>Cell</TD><TD>Cell</TD>
    </TR>
    </TABLE>
    Sen bestämmer vi att den ska vara 300 pixlar bred och 300 pixlar hög.
    <TABLE BORDER=1 WIDTH=300 HEIGHT=300>
    <TR>
     <TD>Cell</TD><TD>Cell</TD>
    </TR>
    <TR>
     <TD>Cell</TD><TD>Cell</TD>
    </TR>
    </TABLE>

    CellCell
    CellCell

    Det går också att bestämma storleken på cellerna. De två cellerna till vänster får vara 50 pixlar breda och de högra får vara 100 pixlar breda:

    <TABLE BORDER=1 WIDTH=150 HEIGHT=150>
    <TR>
     <TD WIDTH=50>Cell</TD><TD WIDTH=100>Cell</TD>
    </TR>
    <TR>
     <TD WIDTH=50>Cell</TD><TD WIDTH=100>Cell</TD>
    </TR>
    </TABLE>

    CellCell
    CellCell

    Vi sätter höjden på cellerna när vi ändå håller på:

    <TABLE BORDER=1 WIDTH=150 HEIGHT=150>
    <TR>
     <TD WIDTH=50 HEIGHT=50>Cell</TD><TD WIDTH=100 HEIGHT=50>Cell</TD>
    </TR>
    <TR>
     <TD WIDTH=50 HEIGHT=100>Cell</TD><TD WIDTH=100 HEIGHT=100>Cell</TD>
    </TR>
    </TABLE>

    CellCell
    CellCell

    [ Åter till kursen ]

     

     

    -- HTML på svenska © Niklas Johansson --
    -- HTML på svenska © Niklas Johansson --


    Copyright © 1996-1997 Niklas Johansson