<table> i XHTML kontra HTML (Opera + Firefox)

Prøv evt:
table, tr, td {
    border-collapse: collapse;
    border-spacing: 0px;
}

Desværre ikke.

Har godt prøvet diverse CSS-kommandoer men har ikke fundet noget der fjerner mellemrummet.

-- exps er næsten rigtigt:

Først skal du fjerne al den i xhtml ugyldige html-kode:

<table
<tr>
    <td><img src="square1.gif" style="width:50px;height:50px;" alt="" /></td>
</tr>
<tr>
    <td><img src="square2.gif" style="width:50px;height:50px;" alt="" /></td>
</tr>
</table>

-- dernæst skal du i dit stylesheet indsætte:

table{
  border-collapse:collapse;
}
table td{
  margin:0;
  padding:0;
  border:0;
}

-- og den sidste selector er lidt vel udbygget, men lavet, så du kan se princippet, hvis du skal arbejde med en class eller et id (så du f.eks. udskifter table med .minTabel !-)

-- og så skal du måske være opmærksom på browsernes elendige benyttelse af xhtml (se oleboles artikler !-)

Hov ...

<table> sæ'fø'li' !o]

hmm det løser det desværre stadig ikke :(

Det skulle gerne være lavet som du skriver roenving. Jeg har lagt det op på http://www.kreativmedie.dk/test (tjek evt. source, jeg har lagt CSS'en internt).

Er border, cellspacing, cellpadding, width og height ikke gyldig xhtml? Ved validering fanges de ikke som fejl.

Har godt læst oleboles artikler, de er gode og lærerige!

<ole>

Hvorfor så spilde tid på at skrive noget, der performer dårligere end HTML? Ingen på kloden har gavn af den tid, du  bruger på XHTML  ;o)

Problemet, du er løbet ind i, er et gammelt Mozilla-problem - som det kun kan undre dybt, de ikke forlængst har fået løst. Det undrer ligeså meget, som at den er så ekstremt befængt med dumme JavaScript-fejl, som tilfældet er  :o|

Anyway, så løses det ved at gøre dine billeder til block-elementer med 'display:block'.

Moz's problem løses forhåbentlig permanent, når vi går over til ægte XHTML og IMG-tag'et så endelig helt forsvinder  :)

/mvh
</bole>

PS: i din nuværende kode kan du prøve at give dine celler 'border:1px solid red'. Så kan du se, det er luft under billederne, der ligner luft mellem cellerne - men som ikke er det  ;o)

Jeg ser din pointe, olebole. Havde også en border="1" på i html'en tidligere hvilket - ligesom css-borderen - viste at der i bunden af hver celle sættes 4-5 pixels "ingenting" ind. Hvad det så skyldes, eller hvordan jeg kommer af med det, har jeg så stadig ikke fundet ud af.

I Opera oplevede jeg at de 4-5 pixels blev reduceret til én enkelt hvis jeg satte font-size: 0; for cellerne. Dette galdt dog ikke i Firefox, det kan vel heller ikke være dette der er den direkte årsag til de overskydende pixels?

Og så var det vist jeg overså dit første indlæg :)

display: block; lader til at løse det. Og ja jeg har godt forstået gennem dine artikler samt en tidligere samtale med dig herinde at man lige så godt kan bruge traditionel HTML :) - måske jeg snart skulle accepetere det!

Anyway, tak for hjælp, så ska jeg bare bruge et par svar ;)

Det får du da lige  :)

PS: Du har i øvrigt misforstået mig, hvis du har opfattet det, somom jeg mener, at man 'ligeså godt' kan skrive HTML4.01.

HTML4.01 er _bedre_ end XHTML ... og man bør altid skrive bedst mulig kode  ;o)

hehe godt så, beklager den sløsede formulering ;)

*LooL* ... alt forladt  ;D