Avatar billede nanna31 Praktikant
05. juli 2004 - 14:53 Der er 18 kommentarer og
2 løsninger

Collapse borders

Hvordan collapser man borders, når der er flere tabeller inden i hinanden?

Hvorfor virker nedenstående ikke?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style type="text/css">
        TABLE.BorderCollapse{ border-collapse: collapse }
        TD.Edge{border-style: solid; border-width: 8; border-collapse: collapse
    </style>
</head>

<body>

<table class="BorderCollapse">
    <tr>
          <td class="Edge">yderste tabel                                 
            <table class="BorderCollapse" cellspacing="0" cellpadding="0" height="100%" width="100%">
                <tr>
                        <td class="Edge">
                        celle 1
                    </td>
                    <td class="Edge">
                        celle 2
                    </td>
                    <td class="Edge">
                        celle 3
                    </td>
                <tr>
            </table>
        </td>
    <tr>                                               
</table>                               

</body>
</html>
Avatar billede skovenborg Nybegynder
05. juli 2004 - 15:01 #1
prøv at tilføje:
TD.Edge{border-style: solid; border-width: 8; border-collapse: collapse;padding:0px;}
Avatar billede skovenborg Nybegynder
05. juli 2004 - 15:04 #2
altså padding:0px så der ikke er noget mellemrum mellem tabellernes border - hvis det altså er det du mener.

Og så er det en god ide at sætte en standard farve på, fx:
TD.Edge{border:8px solid #fff; border-collapse: collapse;padding:0px;}
bemærk også at jeg har sat en enhed på bredden som man skal (IE er dog lidt ligeglad - men det er andre browsere ikke ;-)
Avatar billede roenving Novice
05. juli 2004 - 15:05 #3
Det er to forskellige elementer, dem tror jeg ikke du kan lave collapse på ...
Avatar billede skovenborg Nybegynder
05. juli 2004 - 15:06 #4
og så er den korrekte doctype forresten også:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
altså med url
Avatar billede skovenborg Nybegynder
05. juli 2004 - 15:08 #5
nåja, border-collapse virker forresten også kun på table-elementet, så den kan du alligevel godt fjerne fra TD.Edge:
TD.Edge{border:8px solid #000;padding:0px;}
Avatar billede nanna31 Praktikant
05. juli 2004 - 15:25 #6
Ja ja fint nok, men hvordan collapser jeg de inderste tre celler med den ydre ramme?
Avatar billede roenving Novice
05. juli 2004 - 15:30 #7
Ide:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style type="text/css">
        TABLE.BorderCollapse{ border-collapse: collapse }
        TD.Edge{border-style: solid; border-width: 8px; border-collapse: collapse;padding:0px;}
        TD.EdgeLT{border-style: solid; border-width: 8px 8px 4px 0px; border-collapse: collapse;padding:0px;}
        TD.EdgeT{border-style: solid; border-width: 8px 8px 4px 8px; border-collapse: collapse;padding:0px;}
        TD.EdgeRT{border-style: solid; border-width: 8px 0px 4px 8px; border-collapse: collapse;padding:0px;}
    </style>
</head>

<body>

<table class="BorderCollapse">
    <tr>
          <td class="Edge">yderste tabel
            <table class="BorderCollapse" border="0" cellpadding="0" height="100%" width="100%">
                <tr>
                        <td class="EdgeLT">
                        celle 1
                    </td>
                    <td class="EdgeT">
                        celle 2
                    </td>
                    <td class="EdgeRT">
                        celle 3
                    </td>
                <tr>
            </table>
        </td>
    <tr>
</table>

</body>
</html>
Avatar billede skovenborg Nybegynder
05. juli 2004 - 15:30 #8
så de forskellige borders går i ét med hinanden (hvis man kan sige det på den måde)?

Prøv:
<table class="BorderCollapse" cellspacing="0">
    <tr>
          <td class="Edge">yderste tabel                               
            <table class="BorderCollapse" cellspacing="0" cellpadding="0" height="100%" width="100%">
                <tr>
                        <td class="Edge" style="border-left-width:0px;border-bottom-width:0px">
                        celle 1
                    </td>
                    <td class="Edge" style="border-bottom-width:0px">
                        celle 2
                    </td>
                    <td class="Edge" style="border-right-width:0px;border-bottom-width:0px">
                        celle 3
                    </td>
                <tr>
            </table>
        </td>
    <tr>                                             
</table>
Avatar billede skovenborg Nybegynder
05. juli 2004 - 15:31 #9
roenving >> border-collapse er ikke noget man bruger på tabel-celler - kun tabellen selv. Men ideen med klasser er dog meget god :-)
Avatar billede roenving Novice
05. juli 2004 - 15:32 #10
Nej, jeg fik bare ikke fjernet den, jeg registrerede godt din kommentar, men rettede det ikke i den kopi jeg havde liggende ...
Avatar billede skovenborg Nybegynder
05. juli 2004 - 15:34 #11
kender det kun alt for godt ;-)
Avatar billede nanna31 Praktikant
07. juli 2004 - 08:49 #12
Så man kan altså ikke collapse en indre tabel med en ydre? - eller hvad blev konklusionen?
Avatar billede roenving Novice
07. juli 2004 - 08:51 #13
Det var i hvert fald min konklusion 05/07-2004 15:05:15, og den blev over al måde bekræftet ved mine tests !-)
Avatar billede nanna31 Praktikant
19. februar 2006 - 16:41 #14
Jeg savner et svar for at kunne lukke spørgsmålet :-)
Avatar billede roenving Novice
24. februar 2006 - 17:10 #15
Oki, så skal skovenborg vel også med '-)
Avatar billede nanna31 Praktikant
25. februar 2006 - 09:25 #16
Skal vi vente lidt på ham?
Avatar billede roenving Novice
25. februar 2006 - 14:58 #17
Det synes jeg da ...

-- jeg har ikke set ham så tit på det seneste herinde, men engang imellem er han da inde !-)
Avatar billede skovenborg Nybegynder
27. februar 2006 - 19:45 #18
sorry allesammen - ja, jeg er vældig fraværende for tiden og det undskylder jeg naturligvis ;-)

Grunden er nu bare den, at jeg lige nu går på højskole og ja, der er der jo "desværre" ikke så megen tid at nørde. Men jeg vender frygteligt tilbage - en gang :-)
Avatar billede nanna31 Praktikant
28. februar 2006 - 20:49 #19
Så er vi samlet igen :-)
Avatar billede roenving Novice
25. marts 2006 - 15:15 #20
-- og tak for point ;~}
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