Søg
Avatar billede martin_moth Mester
20. december 2002 - 12:47 Der er 6 kommentarer og
1 løsning

Borders på tabels

En gang til for de tungnemme (mig)

Jeg vil have en table, hvor der kun er borders øverst og nederst - og de skal have farven FF0000.

Min html-fil:
<html>
<head><link HREF="style.css" rel="stylesheet"></head>
<body bgcolor="#edede0" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
  Før tabel...
  <table width="100%" height="60" class="ramme">
    <tr><td>hej</td></tr>
  </table>
Efter tabel
</body>
</html>

Min style.css:
.sideramme { 
    border-top: 10px solid #ff0000;
    border-right: none;
    border-bottom: 10px solid #ff0000;
    border-left: none;
    border: inset 0pt
    border: outset 0pt
}

Som gerne skulle resulterer i denne side:

Før tabel...
_________________________
hej
_________________________

Efter tabel

Ovenstående streger er top/bundborder på min table, skulle gerne være rød og 1 pixel bred, og uden skygge af nogen art. Hvordan gør man - eller hvad gør jeg forkert (ingen erfaring med css - måske ligger en oplagt fejl der?
Avatar billede martin_moth Mester
20. december 2002 - 12:48 #1
Rettelse: class="sideramme"
Avatar billede martin_moth Mester
20. december 2002 - 12:49 #2
PS: style.css er noget jeg har kopieret og rettet lidt i, og er muligvis helt forkert...
Avatar billede 7th Praktikant
20. december 2002 - 12:50 #3
.border
{
border-left: 0px;
border-right: 0px;
border-top: 1px solid #800000;
border-bottom: 1px solid #800000;
}

<table class="border">
<tr><td>Tekst</td></tr>
</table>
Avatar billede sthen Nybegynder
20. december 2002 - 12:53 #4
du skriver jo class="ramme"

så skal du rette
.sideramme { 
    border-top: 10px solid #ff0000;
    border-right: none;
    border-bottom: 10px solid #ff0000;
    border-left: none;
    border: inset 0pt
    border: outset 0pt
}

- til -

.ramme { 
    border-top: 10px solid #ff0000;
    border-right: none;
    border-bottom: 10px solid #ff0000;
    border-left: none;
    border: inset 0pt
    border: outset 0pt
}
Avatar billede 7th Praktikant
20. december 2002 - 12:53 #5
<html>
<head>
<link href="style.css" rel="stylesheet">
</head>

<body bgcolor="#edede0" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

Før tabel...

<table width="100%" height="60" class="sideramme">
<tr><td>hej</td></tr>
</table>

Efter tabel

</body>
</html>

Min style.css:

.sideramme
{
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
}
Avatar billede sthen Nybegynder
20. december 2002 - 12:54 #6
ups
og husk ALTID at afslutte hver linie i css med et semikolon - altså:

.ramme { 
    border-top: 10px solid #ff0000;
    border-right: none;
    border-bottom: 10px solid #ff0000;
    border-left: none;
    border: inset 0pt;
    border: outset 0pt;
}
Avatar billede martin_moth Mester
20. december 2002 - 13:31 #7
Ahhh - fejlen lå jo bare i disse 2 linier
    border: inset 0pt
    border: outset 0pt
Væk med dem, og alt virker :o)
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
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »