Notifikationer

Markér alle som læst Log ud

Slettet bruger

10. april 2005 - 13:01 Der er 8 kommentarer og
1 løsning

Problemer med border og td

Jeg har en klasse:

.uramme {
border: 0px;
width: 100%;
border-collapse: collapse;
}
.uramme td {
border: 0px;
border-collapse: collapse;
padding: 6px;
}

Som jeg sætter på en tabel vha:

<table class="uramme">
<tr>
<td>Hej</tr>
</tr>
</table>
Men der kommer alligevel border på min <td>. Det virker på mange af mine andre sider, så jeg ved ikke om jeg har gjort noget forkert her?

Synes godt om

Slettet bruger

10. april 2005 - 13:06 #1

Hvis jeg laver det om til:

.uramme {
border: 0px;
width: 100%;
border-collapse: collapse;
}
.uramme td {
border: 1px solid green;
border-collapse: collapse;
padding: 6px;
}

Forbliver borderen 1px solid black, der er den border jeg har udenom den før omtalte tabel.

Synes godt om

Slettet bruger

10. april 2005 - 13:23 #2

Det ser ud til, at hvis jeg har en tabel uden border, indeni en tabel med border, får begge tabeller en border.

Synes godt om

olebole Juniormester

10. april 2005 - 17:24 #3

<ole>

Ja, det er en af CSS's vigtigste regler - den om arv - og du beder den jo selv om at sætte borders:
.uramme td {
/* CSS-regler */
}
- betyder: "gælder for alle TD'er under klassen 'uramme'" ;o)

/mvh
</bole>

Synes godt om

olebole Juniormester

10. april 2005 - 17:27 #4

Du kunne f.eks. skrive:

.uramme td td {
border: 0px none;
}

- hvilket er én måde at undgå, nestede tabellers TD'er får borders

Synes godt om

Slettet bruger

10. april 2005 - 17:38 #5

er nestede tabeller = tabeller der ligger i en anden tabels 'td'?

og tak for det olebole :o)

Synes godt om

olebole Juniormester

10. april 2005 - 17:42 #6

yups ... begrebet 'nestede elementer' dækker elementer, der ligger inden i andre (oftest brugt om elementer af samme type).

- og selvtak ;o)

Synes godt om

olebole Juniormester

10. april 2005 - 17:44 #7

Det, jeg skrev i (10/04-2005 17:27:18), betyder:
"gælder for alle TD'er under en TD, som ligger under klassen 'uramme'"

- kan du se idéen? :)

Synes godt om

roenving Novice

11. april 2005 - 00:01 #8

Måske kan du komme noget tættere på med:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
table{border:1px solid black;}
/*.mramme{
border: 1px solid green;
}*/
.uramme {
border: 0px;
width: 100%;
border-collapse: collapse;
}
.uramme td {
border:0;
padding: 6px;
}
/*.mramme{
border: 1px solid green;
}*/
</style>
</head>

<body>
<table>
<tr>
<td>
<table class="mramme uramme">
<tr>
<td>Hej</td>
</tr>
</table></td>
</tr>
</table>
</body>

</html>

-- og de to blokke mramme, kan du jo forsøge at aktivere, så du kan se resultatet !-)

Synes godt om

Slettet bruger

11. april 2005 - 10:31 #9

Tak for det - begge to. Jeg har endnu ikke fået prøvet dit roenvinv, men det ser spændende ud :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS