Søg
Avatar billede dennism Nybegynder
09. august 2004 - 13:32 Der er 8 kommentarer og
1 løsning

HTML: table - rules

Jeg har denne tabel:

<table rules="groups">

<caption><b>Test-tabel</b></caption>

<thead>
<tr>
<th></th>
<th style="width:100px; text-align:center;">1. kvartal</th>
<th style="width:100px; text-align:center;">2. kvartal</th>
<th style="width:100px; text-align:center;">3. kvartal</th>
<th style="width:100px; text-align:center;">4. kvartal</th>
</tr>
</thead>

<tr>
<th style="text-align:right;">Aalborg:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

<tr>
<th style="text-align:right;">København:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

<tr>
<th style="text-align:right;">Odense:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

</table>

Jeg har sat browsen til at lave kant om mine grupper (thead) med "rules=groups".
Hvordan kan jeg ændre udseendet (style) på den kant - f.eks. lave stregen sort, tykkere osv.?
Avatar billede rema Nybegynder
09. august 2004 - 13:37 #1
Tjek dette site:

http://www.w3schools.com/css/css_border.asp

der er alt hvad du skal bruge.
Avatar billede dennism Nybegynder
09. august 2004 - 13:38 #2
Jeg kan ikke umiddelbart finde noget svar på den side. Hvordan skal koden se ud?
Avatar billede rema Nybegynder
09. august 2004 - 19:38 #3
er det noget i denne stil:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style type="text/css">
.stregbuttom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-buttom-color: #000000;
    }
</style>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table rules="groups" style="border-width: 1px;    border-style: solid;    border-color: #000000; border-collapse: collapse" border="0" cellspacing="3">

<caption><b>Test-tabel</b></caption>

<thead>
<tr>
<th class="stregbuttom">&nbsp;</th>
<th class="stregbuttom" style="width:100px; text-align:center;">1. kvartal</th>
<th class="stregbuttom" style="width:100px; text-align:center;">2. kvartal</th>
<th class="stregbuttom" style="width:100px; text-align:center;">3. kvartal</th>
<th class="stregbuttom" style="width:100px; text-align:center;">4. kvartal</th>
</tr>
</thead>

<tr>
<th style="text-align:right;">Aalborg:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

<tr>
<th style="text-align:right;">København:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

<tr>
<th style="text-align:right;">Odense:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

</table>
</body>
</html>

eller er jeg helt galt på den??

mvh

rema
Avatar billede roenving Novice
09. august 2004 - 19:44 #4
-- somkunne klares sådan:

th{border-bottom:1px solid black;}
Avatar billede rema Nybegynder
09. august 2004 - 19:47 #5
ja, ok;O) men så skal han også sætte font-style for det der stå ude til højre(eller er det bare mig der gjore det forkert??)
Avatar billede rema Nybegynder
09. august 2004 - 19:54 #6
højre = venstre;O) oops
Avatar billede dennism Nybegynder
12. august 2004 - 08:18 #7
roenving >>

Det hjælper ikke. Prøv selv følgende kode:

<html>
<head>
<title>Table</title>
<style type="text/css">
body { font-size: 11px;
    font-family: verdana,arial; }

td { font-size: 11px;
    font-family: verdana,arial; }

caption { font-size: 11px;
    font-family: verdana,arial;
}

th { border-bottom:1px solid black;
font-size: 11px;
    font-family: verdana,arial;
}

</style>
<body>

<table rules="groups" bordercolor="#000000" cellspacing=0 cellpedding=0>

<caption><b>Test-tabel</b></caption>

<thead>
<tr>
<th></th>
<th style="width:100px; text-align:center;">1. kvartal</th>
<th style="width:100px; text-align:center;">2. kvartal</th>
<th style="width:100px; text-align:center;">3. kvartal</th>
<th style="width:100px; text-align:center;">4. kvartal</th>
</tr>
</thead>

<tr>
<th style="text-align:right;">Aalborg:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

<tr>
<th style="text-align:right;">København:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

<tr>
<th style="text-align:right;">Odense:</th>
<td style="text-align:center;">1</td>
<td style="text-align:center;">2</td>
<td style="text-align:center;">3</td>
<td style="text-align:center;">4</td>
</tr>

</table>


</body>
</html>
Avatar billede roenving Novice
12. august 2004 - 14:14 #8
Hvordan vil du have streg om grupper ?-)

-- og hvordan forstår du grupper i den tabel, er det kvartalerne eller stederne ?o]
Avatar billede dennism Nybegynder
11. december 2004 - 16:23 #9
.lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »