Avatar billede steen_e Nybegynder
29. september 2001 - 16:24 Der er 14 kommentarer og
1 løsning

table spacing i CSS ?

I klassisk HTML ser en tabelerklæring sådan ud:

<table border=\"1\" cellpadding=\"2\" cellspacing=\"3\">

Hvis man i stedet vil erklære dette i CSS hedder det

border:  1px;
padding: 2px;

...men hva\' fa\'en gør man med spacing? Jeg kan ikke finde \"spacing\" nogen steder, og min IE5.5 retter sig i øvrigt heller ikke efter det, hvis jeg skriver:

spacing: 3px;

-hvordan gør man det?
Avatar billede repsac Nybegynder
29. september 2001 - 16:26 #1
gør det i ren html!

Dét og så valign er det skidte ved CSS ... :)
Avatar billede repsac Nybegynder
29. september 2001 - 16:27 #2
men border kunne du jo lave om til:
style=\"border: blablabla;\" ... :)

se evt. www.html.dk --> CSS
Avatar billede steen_e Nybegynder
29. september 2001 - 17:15 #3
Hm... der er som default ingen border på, og det er jeg meget godt tilfreds med - til gengæld kan jeg ikke se, hvordan jeg skal få border på, hvis jeg endelig ville have det!

Spacingen er som default 2px, og jeg ville morderlig gerne have den ned på 1... Kan det virkelig passe, at de gode mennesker bag CSS2 ikke har tænkt på det? Eller er der en ny og forbedret version, som hedder CSS3?
Avatar billede prodic Mester
29. september 2001 - 17:21 #4
border-spacing er med i CSS2 - så det skulle da virke.
Avatar billede steen_e Nybegynder
29. september 2001 - 17:23 #5
...jamen det gør det bare ikke:

table {
  border-collapse: separate;
  border-spacing: 1px;
}

-og jeg får en fin cellspacing på 2px!
Avatar billede prodic Mester
29. september 2001 - 17:24 #6
http://www.w3.org/TR/REC-CSS2/tables.html - der står den listed.

TABLE      { border: outset 10pt;
              border-collapse: separate;
              border-spacing: 15pt }
Avatar billede steen_e Nybegynder
29. september 2001 - 17:27 #7
Ja; den laver en stor, fed border rundt om *hele* tabellen, og ikke rundt om de enkelte celler...
Avatar billede repsac Nybegynder
29. september 2001 - 17:28 #8
http://www.ncdesign.org/html/s040box.htm#tableb
- se at det kun virker i IE5 ... :)
Avatar billede repsac Nybegynder
29. september 2001 - 17:30 #9
=>steen_e: Ja ... hvis du skal have det omkring de enkelte celler må du sætte det i den enkelte td ... :)
eks: <td style=\"border-top: 1px solid rgb(0,0,0);\"> ... :)
Avatar billede steen_e Nybegynder
29. september 2001 - 17:35 #10
repsac > Jeg kan godt, se, at det ser fint ud på deres side, men hvis jeg nøjes med at skrive \"border-collapse:collapse\" - så klasker cellerne helt sammen uden noget imellem - og jeg kan ikke se, at de har skrevet andet på deres site! Jeg fatter balle...
Avatar billede steen_e Nybegynder
29. september 2001 - 17:36 #11
Hvis jeg sætter det i den enkelte td kommer der den specificerede border PLUS de 2 pixels fra før...
Avatar billede steen_e Nybegynder
29. september 2001 - 17:42 #12
repsac > NEJ, BINGO! Der var den! Jeg satte

table {border-collapse: collapse;}
td    {border: 1px solid #FFFFFF;}

...og så duede det sgu\'! Tak for hjælpen!
Avatar billede steen_e Nybegynder
29. september 2001 - 17:44 #13
...det virker selvfølgelig ikke i Netscape, men det er vel, hvad man kan forvente...
Avatar billede steen_e Nybegynder
29. september 2001 - 17:44 #14
...ikke engang 6.1\'eren...
Avatar billede olebole Juniormester
29. september 2001 - 19:08 #15
<ole>
Glimrende eksempel på, hvorfor man skal være ekstremt forsigtig med at bruge W3C\'s validator, hvis man ikke i forvejen kender CSS-standarden og de gængse browseres fortolkning af CSS som sin egen bukselomme. Det er jo skod at benytte CSS, der ikke forstås, når man kan bruge alm. HTML, som forstås.
Hvad gør man iøvrigt, hvis man gerne vil bruge blå borders på cellerne og samtidigt have en cellspacing på 3?
/mvh
</bole>
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