Avatar billede steen_hansen Forsker
16. november 2005 - 23:25 Der er 15 kommentarer og
1 løsning

border-collapse og border

Hvad er helt præcist formålet med border-collapse: collapse; og kan/skal bruge border: ......px; også? Eksempel

style="border-collapse: collapse; border-right: 3px sold #f6f6f6;"
Avatar billede olebole Juniormester
17. november 2005 - 00:28 #1
<ole>

'border-collapse' er CSS-afløsningen for HTML-attributten 'cellspacing'. Sætter du den til 'collapse', svarer det til cellspacing="0" - og det forhindrer os ikke i at sætte en border.

Værdien 'separate' i forbindelse med property'en 'border-spacing' virker desværre ikke i IE, men disse to burde renderes ens:

<table cellspacing="5">

- og:

<table style="border-collapse:separate;border-spacing:5px">

Hjalp det, Steen?  :)

/mvh
</bole>
Avatar billede steen_hansen Forsker
17. november 2005 - 06:28 #2
Yesss, som sædvanlig :) smid et svar Ole, og du skal blive forgyldt :D
Avatar billede steen_hansen Forsker
17. november 2005 - 06:43 #3
Det affødte lige et par spørgsmål (hvis du gider, sætter point op :)

Med 'border-collapse: collapse', er det da nødvendigt at sætte det på cellen også?

Hvis 'border-collapse: collapse' er sat på tabellen, hvilken funktion har 'margin: 0px' så? Jeg troede bestemt 'margin: 0px' var lig med 'border-collapse: collapse', men dér har jeg vist forviklet nogle begreber :)

Kan jeg lave dette:

<table style="width: 755px; border-collapse: collapse; padding: 3px 7px;">
'border-collapse: collapse">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>

Eller skal jeg style alle cellerne?

<table style="width: 755px; border-collapse: collapse">
'border-collapse: collapse">
    <tr>
        <td style="padding: 3px 7px">&nbsp;</td>
    </tr>
</table>

Jeg håber på den sidste. Ellers er der mange celler, der skal styles :)
Avatar billede steen_hansen Forsker
17. november 2005 - 06:44 #4
Den sidste tabel skulle se sådan her ud:

<table style="width: 755px; border-collapse: collapse">
    <tr>
        <td style="padding: 3px 7px">&nbsp;</td>
    </tr>
</table>
Avatar billede olebole Juniormester
18. november 2005 - 14:58 #5
Du kan ikke skrive cellernes padding i table-tagget - det skal anføres eksplicit for cellerne. F.eks. kan du skrive:

.myTable {
  border-collapse: collapse;
}
.myTable td {
  padding: 3px 7px;
}

Til det andet spørgsmål (eller rettere: det første): Når du sætter margin på tabel-elementet med CSS, vil dette resultere i en margin rundt om din tabel.

<table cellspacing="0" cellpadding="0">
- er 'levninger' fra dengang HTML var et tabel- og paragraf-miljø til opstilling af forsøgsbeskrivelser, -resultater og måledata ... og det visuelle udtryk ikke var væsentligt (du har formodentlig læst den første af mine XHTML-artikler).
Nu ser ønskerne helt anderledes ud og CSS tilbyder derfor langt mere detaljerede muligheder - hvilket naturligvis også giver noget mere at forholde sig til.

I stenalderen skulle man bare have to køller (én af træ/sten og én af ... nåja ... den anden, du ved) - så skulle man nok få mange børn. Idag kræver det som bekendt en hel del mere ........ that's udvikling  ;o)
Avatar billede steen_hansen Forsker
18. november 2005 - 22:16 #6
Ole, jeg kan specielt godt lide dine sigende forklaringer :D

Dvs. jeg skal undgå margin på tabellen, hvis jeg ønsker at styre tabelbredde, padding i celler, når jeg benytter border-collapse: collapse? Jeg troede nemlig, at margin: 0px ville "skære ind til benet" og overlade styringen til f.eks. padding.

Jeg ved det er en kende kryptisk. Jeg håber du forstår hvor jeg vil hen - og smid lige et svar :)
Avatar billede steen_hansen Forsker
27. november 2005 - 10:23 #7
Nu er jeg godt nok ved at blive træt af de uligheder. Smider du et svar, Ole? Får du tid og lyst, skal du være mere end velkommen til at deltage i http://www.eksperten.dk/spm/667384
Avatar billede steen_hansen Forsker
27. november 2005 - 10:52 #8
Jeg fik sq løst det! Smid lige et svar, så jeg kan få lukket det her, Ole :)
Avatar billede steen_hansen Forsker
27. november 2005 - 18:08 #9
18/11-2005 14:58:51 - Jeg har læst alle 3 artikler, og jeg skal nok give dem en (rosende) kommentar med på vejen :)

Indtil vi skifter til XML/XHTML, vil jeg meget gerne kunne lave perfekt og fejlfri HTML/CSS, som virker alle steder. Og smid så lige det svar :)
Avatar billede steen_hansen Forsker
16. december 2005 - 21:16 #10
olebole, gamle swinger, smid lige et svar, så jeg kan få lukket :o)
Avatar billede roenving Novice
18. december 2005 - 05:12 #11
Ole har ikke været særligt aktiv på det seneste ...
Avatar billede steen_hansen Forsker
18. december 2005 - 15:00 #12
Ok, jeg har også perioder, hvor arbejde, familieliv osv. begrænser tiden foran PC'en. Han er vel ikke holdt op på E?
Avatar billede roenving Novice
19. december 2005 - 04:04 #13
Det har jeg ingen efterretninger om, men han skrev noget en af de sidste gange jeg sidst så ham her, om at han havde gang i en større js-ting, så det kan jo være hanhar begravet sig i den ...
Avatar billede steen_hansen Forsker
19. december 2005 - 19:56 #14
Det kunne tænkes. Han (og andre herfra :o) er ikke helt dum til det pjat :o)
Avatar billede steen_hansen Forsker
26. december 2005 - 00:16 #15
Jeg lukker, Ole. Hvis du vil have pointene (de er dine), så råb lige højt. Glædelig Jul og godt nytår :o)
Avatar billede roenving Novice
26. december 2005 - 00:27 #16
-- og netop i forgårs har jeg set et indlæg fra ham !-)
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