Internet Explorer Tabeller
Som du ser så finns det flera valmöjligheter när du
ska göra en tabell i Internet Explorer.
Men tyvärr fungerar de ju bara med IE.
BORDERCOLOR = färgkod. Anger ramfärg.
OBS:fungerar med Netscape 4,men inte med 3.
| Ramens färg = maroon |
Ramens färg = maroon |
<table border="1" bordercolor="maroon ">
BORDERCOLORLIGHT =färgkod.Anger den ljusa färgen i en 3D-ram
| Ljus RAM Färg |
Ljus RAM Färg |
<table border="1" bordercolorlight="maroon">
BORDERCOLORDARK =färgkod Anger den mörka färgen i en 3D-ram.
| Mörk Ram Färg |
Mörk Ram Färg |
<table border="1" bordercolordark="maroon">
BACKGROUND =sökväg Anger bakgrundsbild
OBS:fungerar med Netscape 4,men inte med 3.
| Med hjälp av attribut BACKGROUND = sökväg kan du ange en bakgrundsbild till en tabell. |
| Med hjälp av attribut BACKGROUND = sökväg kan du ange en bakgrundsbild till en tabell. |
<table border="1" cellpadding="3" cellspacing="2" width="75%" background="../images/image35.jpg">
FRAME=tabellens linjer
VOID
= Ingen yttre ram visas.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 Rader |
| 3 Kolumner |
border="1" |
FRAME="void" |
<table border="1" cellpadding="6" frame="void">
ABOVE
= Ramen visas bara på tabellens överkant.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 rader |
| 3 Kolumner |
border="1" |
FRAME="above" |
<table border="1" cellpadding="6" frame="above">
BELOW
= Ramen visas bara på tabellens nederkant.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 rader |
| 3 Kolumner |
border="1" |
FRAME="below" |
<table border="1" cellpadding="6" frame="below">
HSIDES
= Ramen visas bara på tabellens över - och nederkant.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 rader |
| 3 Kolumner |
border="1" |
FRAME="hsides" |
<table border="1" cellpadding="6" frame="hsides">
LHS
= Ramen visas på tabellens vänstersida.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 rader |
| 3 Kolumner |
border="1" |
FRAME="lhs" |
<table border="1" cellpadding="6" frame="lhs">
RHS
= Ramen visas på tabellens högersida.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 rader |
| 3 Kolumner |
border="1" |
FRAME="rhs" |
<table border="1" cellpadding="6" frame="rhs">
VSIDES
= Ramen visas på tabellens vänster - och högersida.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 rader |
| 3 Kolumner |
border="1" |
FRAME="vsides" |
<table border="1" cellpadding="6" frame="vsides">
BOX
= Ramen visas runt hela tabellen.
|
Fungerar |
bara med |
Internet Explorer |
| Tabell taggar |
Cellpadding 6 |
3 rader |
| 3 Kolumner |
border="1" |
FRAME="box" |
<table border="1" cellpadding="6" frame="box">
Tabell Kolumner
<COLE>:
Styr egenskaper hos enskilda kolumner i en
SPAN:
värde Anger antal kolumner som berörs.
ALIGN:
left,center eller right. Anger justeringen av innehållet i kolumnens celler.
<COLGROUP>:
SPAN:
värdeAnger antal kolumner gruppen omfattar.
ALIGN:
left,center eller right.Anger justeringen för innehållet i kolumnernas celler.
Här är en tabell med COL och COLGROUP:
| TH fet stil |
Cell 1 |
Cell 2 |
Cell 3 |
|---|
| TH fet stil |
Cell 4 |
Cell 5 |
Cell 6 |
|---|
| TH fet stil |
Cell 7 |
Cell 8 |
Cell 9 |
|---|
<table border="1" width="85%">
<col align="left">
<col align="right">
<colgroup span="2" align="center">
<tr>
<th>TH fet stil</th>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</table>
<TH>...</TH> inleder och avslutar varje
individuell rubrikcell i tabellen.Fungerar precis som <TD>...</TD> med den skillnaden att
textinnehållet i en <TH>centreras och sätts med fet stil</TH>.
OBS gäller inte i dessa exempel för jag har använt
<col align="left">.
<THEAD>, <TBODY>, och <TFOOT>
TBODY:
Skapar en tabellkropp.
THEAD:
Skapar ett tabellhuvud.
TFOOT:
Skapar en tabellfot.
Du kan kombinera FRAME och RULES-attributen i
<TABLE>med <THEAD>,<TBODY>,<TFOOT> och <COLGROUP>.
Tänk bara på att attributen BORDER alltid måste finnas med i <TABLE> för att ramar och linjer ska bli synliga.
Här är några olika exempel FRAME RULES THEAD TBODY TFOOT COLGROUP
| TH fet stil |
Cell 1 |
Cell 2 |
Cell 3 |
|---|
| TH fet stil |
Cell 4 |
Cell 5 |
Cell 6 |
|---|
| TH fet stil |
Cell 7 |
Cell 8 |
Cell 9 |
|---|
<table border="1" width="85%" rules="cols">
<thead>
<colgroup span="4">
</thead>
<tbody>
<tr>
<th>TH fet stil</th>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
Exempel RULES="none"
| TH fet stil |
Cell 1 |
Cell 2 |
Cell 3 |
|---|
| TH fet stil |
Cell 4 |
Cell 5 |
Cell 6 |
|---|
| TH fet stil |
Cell 7 |
Cell 8 |
Cell 9 |
|---|
<table border="1" width="85%" rules="none">
<thead>
<colgroup span="4">
</thead>
<tbody>
<tr>
<th>TH fet stil</th>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
Exempel RULES="rows"
| TH fet stil |
Cell 1 |
Cell 2 |
Cell 3 |
|---|
| TH fet stil |
Cell 4 |
Cell 5 |
Cell 6 |
|---|
| TH fet stil |
Cell 7 |
Cell 8 |
Cell 9 |
|---|
<table border="1" width="85%" rules="rows">
<thead>
<colgroup span="4">
</thead>
<tbody>
<tr>
<th>TH fet stil</th>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
Exempel RULES="all"
| TH fet stil |
Cell 1 |
Cell 2 |
Cell 3 |
|---|
| TH fet stil |
Cell 4 |
Cell 5 |
Cell 6 |
|---|
| TH fet stil |
Cell 7 |
Cell 8 |
Cell 9 |
|---|
<table border="1" width="85%" rules="all">
<thead>
<colgroup span="4">
</thead>
<tbody>
<tr>
<th>TH fet stil</th>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<th>TH fet stil</th>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>