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?
Annonceindlæg fra Cognizant
20. december 2002 - 12:48
#1
Rettelse: class="sideramme"
20. december 2002 - 12:49
#2
PS: style.css er noget jeg har kopieret og rettet lidt i, og er muligvis helt forkert...
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>
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 }
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; }
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; }
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)
Vi tilbyder markedets bedste kurser inden for webudvikling