Avatar billede martin_moth Mester
20. december 2002 - 10:43 Der er 8 kommentarer og
1 løsning

Tabel med borders i forskellige farver

Der er masser af spørgsmål om emnet, men kan ikke lige finde det jeg skal bruge. Jeg har nedenstående tabel på min side:

<html>
<head></head>
<body>
Her er min tabel:
<table width="100%" height="300" border="1">
  <tr>
    <td height="30">Række 1</td>
  </tr>
  <tr>
    <td height="30">Række 2</td>
  </tr>
</table>
Slut på tabel
</body>
</html>

Den vil jeg gerne ændre så:

1) Der kun er ramme omkring selve tabellen, ikke de enkelte celler/rækker. Og kun for oven/for neden, ikke i siderne.

2) Farverne på rammen skal være fx. 00FF00

3) Tabellen skal fylde hele skærmens bredde, således at resultatet bliver:


Her er min tabel:

__________________________________

Række 1
Række 2
__________________________________

Slut på tabel

Hvor de to streger jo altså når helt ud til skærmens kant, og har hver deres farve. Hvis det kunne angives direkte i tabellens definition ville det være at foretrække :o)
Avatar billede martin_moth Mester
20. december 2002 - 10:46 #1
PS: Borders skal være en streg på 1 pixel uden nogen skygge af nogen art :o)
Avatar billede jensendk Nybegynder
20. december 2002 - 10:46 #2
Border-left-color: White?

Gæt selv de sidste 3 ;-)
Avatar billede hyperactive Nybegynder
20. december 2002 - 10:48 #3
Brug CSS.....

Prøv sådan:

<html>
<head>
<Style>
.ramme {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    border-top: 1 solid #000000;
    border-right: none;
    border-bottom: 1px solid #000000;
    border-left: none;
}
</style>
</head>
<body>
Her er min tabel:
<table width="100%" height="300" border="1" class="ramme">
  <tr>
    <td height="30">Række 1</td>
  </tr>
  <tr>
    <td height="30">Række 2</td>
  </tr>
</table>
Slut på tabel
</body>
</html>
Avatar billede jensendk Nybegynder
20. december 2002 - 10:49 #4
Hov.. Nu er jeg med.. Definer 8 styles, der hhv rammer ind i  top, bund sider og hjørner, g så en uden rammer.. Det vil virke..

Størrelse gøres således: border-size:1px
Avatar billede hyperactive Nybegynder
20. december 2002 - 10:50 #5
Ups.... du skal sætte border="0" sådan:

<table width="100%" height="300" border="1" class="ramme">

Farverne retter du bare i CSS'en
Avatar billede martin_moth Mester
20. december 2002 - 11:26 #6
Tak for hurtige svar - der dog ikke opfylder præcis hvad jeg ønsker - en html-side der viser følgende:

Her er min tabel:

__________________________________

Række 1
Række 2
__________________________________

Slut på tabel

Hvor de to streger jo altså når HELT(!!!) ud til skærmens kant, og har hver deres farve. Hvis det kunne angives direkte i tabellens definition (uden link til css) ville det være at foretrække :o)
Avatar billede martin_moth Mester
20. december 2002 - 11:27 #7
PS: om der bruges css gør nu ikke noget - men kanterne skal nå HELT ud til kanten :o)
Avatar billede martin_moth Mester
20. december 2002 - 11:31 #8
Jeg vrøvler. Om igen:

Svaret fra hyperactive fra 20/12-2002 10:48:06 er næsten perfekt.

Det ENESTE der mangler, er at borders skal gå HELT ud til kanten...
Avatar billede martin_moth Mester
20. december 2002 - 11:49 #9
Ahhh - tabel i fuld bredde:

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

Tak for hjælpen :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
Vi tilbyder markedets bedste kurser inden for webudvikling

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