Border omkring tables

Hvilken side drejer det sig om?

Den er ikke online.

Upload på gupl.dk vil gerne lige se den ;)

Lidt svært at forstå problemet ;) Hvad med at sætte billederne sammen, så der kun er EN fil ??

sæt dine tables til
<table width="xxx" border="0" cellpadding="0" cellspacing="0">
den yderste kan have en border, hvis du vil have en ydre ramme - og width bestemmer du selv...

Hm.. Det havde jeg faktisk prøvet, men nu kan jeg se at hvis jeg benytter mig af både 'cellpadding cellspacing' og 'border-collaps' på samme tid så virker det også i IE.

Smid et svar op, så får du point...

bare luk...

..

<ole>

Du bør nok ikke bruge cellspacing og cellpadding. Ingen af delene har været standard siden slutningen af 1990'erne - og det virker fint med border-collapse alene  ;o)



/mvh
</bole>

Well, hvad jeg kan se så virker border-collaps ihvertfald ikke i IE. Eller jo, det gør det, men den efterlader stadig hvad der svarer til 1px.

Cellpadding og cellspacing virker heller ikke efter hensigten i dette tilfælde - men ved brug af både cellpading og cellspacing samt border-collaps, så har jeg haft succes med at eliminere det mellemrum der opstod.

Nej, det må være noget andet, der giver dig problemerne. Der er med garanti ikke mellemrum mellem tabellerne. Prøv mit eksempel ovenfor, hvis du er i tvivl.

Du kan løbe ind i noget med padding i cellerne, men det kan ikke genere, da du jo skriver, at det er tabellerne, der har baggrundsbilleder.

Cellpadding og cellspacing giver som sagt ikke mening, da de ikke har været del af HTML, siden version 4.01 udkom omkring 1998-99  =)

I know, jeg ved godt dit eksempel virker. Jeg prøver også at lokalisere hvad der ellers kan forårsage mellemrummet.

Ja, det er du jo den eneste, der kan vide noget om. Da vi ikke kan se din kode, kan jeg kun gætte på padding i cellerne. Det kan du fjerne med:



Men under alle omstændigheder lyder det, somom du gør noget andet uhensigtsmæssigt. Padding i cellerne bør ikke kunne give luft mellem nabotabellers baggrundsbilleder  =)

Jeg har fjernet cellspacing og cellpadding nu, og sat padding: 0; ind i min css fil. Samme effekt. Men jeg skal stadig have en border-collapse med for at den ikke smide en hvid streg imellem.

Måske er det fordi jeg bruger IE6 når jeg tester i IE.. ?

Ja, du skal bruge border-collapse. Det er tidssvarende kode - og det, jeg hele tiden har anbefalet  =)

Ja, og det er også det jeg hele tiden har brugt :-) men jeg skal BÅDE bruge border-collapse og padding: 0; for at det ser korrekt ud i IE6. Hverken den ene eller den anden kan fjerne mellemrummet alene.

Ja, jeg ved godt IE kan have det med 1 px luft i cellerne - det var derfor, jeg foreslog, hvad jeg gjorde. Men det forklarer stadig ikke luft mellem tabellernes baggrundsbilleder. Du får, så vidt jeg forstår, heller ikke luft mellem baggrundsbillederne i mit eksempel - heller ikke i IE6  =)

Dit eksempel virker skam også som det skal.. Tror måske pågældende situation skyldes at jeg har en table i en table. Her er noget af koden som eksempel:


<table class="et">

    <tr>
        <td class="bund">
       
        <table class="to">
            <tr>
               
                <!-- Telefon -->
                <td>
                    <a href="http://www.krak.dk">
                        <img class="usynlig" src="billeder/porsche.jpg" alt="Usynlig"> </img>
                    </a>
                </td>


Osv..


Td class bund henter baggrundsbilledet ind. Der er også en tilsvarende td top og td midt. Ovenstående er bare et uddrag. Men det må være fordi jeg har en table i en table, det giver nok noget padding et sted. Synes bare det er mærkeligt at både padding og border-collapse er nødvendig for at fjerne det.

Prøv lige denne kode i IE6:



Jeg har desværre ikke en IE6 på denne maskine, men jeg husker, at det sidste div har ekstra luft i bunden. Det skyldes en fejl i ældre IE/Win kombinationer, som gjorde, at de indsatte ekstra luft i et block (eller block 'agtigt') element, når slut-tagget står på næste linje - og det sidste indhold er inline-indhold.

Begynd med at lægge alle dine </td> tags op i slutningen af foregående linje. De må ikke stå på en linje for sig

I øvrigt lukkes et img tag sådan under XHTML:



- ikke sådan:



Og så er XHTML en forældet standard, som W3C opgav og lukkede tilbage i sommeren 2009  =)

Nej, umiddelbart er der ingen forskel. Har lige kigget på din kode i IE6.

Jeg prøver lige at rykke rundt på med nogle </td> tags...