[HTML] verticale cellspacing 2px meer bij plaatsen link

[twisted2000]

Hallo,

Voor een overzichtje van thumbnails heb ik een tabel gebruikt.

code:

<table cellpadding="0" cellspacing="6">
<tr>
<td>

<a href="" rel="lightbox[]" title=""> 
<img src="/gallery/thumbs/blabla.jpg"  alt="" class="image" border="0" />
</a>

</td>
<tr>
</table>

Nu is wordt (via php) soms een afbeelding met een link (naar de lightbox) geladen en soms laad ik een spacer zonder link. Het rare is nu dat zodra er een link om de afbeelding heen staat mijn verticale cellspacing opeens 2 pixels groter wordt. Hierdoor krijg ik dus verschil tussen de hoogtes van de verschillende rijen.

Iemand enig idee waar dit aan kan liggen? Alvast bedankt.

[Kiphaas7]

Dat je allerlei attributen gebruikt die al jaaaren deprecated zijn? Dat je nog spacers gebruikt? Of dat je (waarschijnlijk) geen of invalid doctype gebruikt waardoor je content in quirksmode wordt gerenderd ipv standards mode?

Opmaak wordt tegenwoordig gedaan met behulp van css, semantische waarde wordt toegekend met behulp van het correcte gebruik van html elementen. Spacers doen niks behalve ruimte vullen, dus opmaak, dus alleen css. Daarvoor html elementen gebruiken (=spacer) is (naast vervuiling van je broncode) onzinnig.

En als het alleen een lijstje van thumbnails is, dan kan je ook prima af met een ul.

Verder geef je niet echt een werkend voorbeeld, of een voorbeeld wat met copy-paste werkende te krijgen is, dus is dit nogal glazen bol werk...

[ Voor 80% gewijzigd door Kiphaas7 op 25-10-2009 17:14 ]

[twisted2000]

Waarom moet er hier altijd zo worden geantwoord. Ik vond dit voor dit overzicht de snelste oplossing om te maken. En of die al jaaaren deprecated zijn of daar spacers staan of niet moet ik toch zelf weten.
Code moet toch doen waarvoor die is, en ik stel hier gewoon mijn vraag omdat die dat niet doet en niet wat ik anders zou kunnen gebruiken.

[twisted2000]

en die spacer bevat een standaard afbeelding die moet worden vertoont als er geen afbeelding in de bibliotheek zit. Weet heus wel dat ik op een andere manier met css alles op kan lossen

[Kiphaas7]

Kiphaas7 schreef op zondag 25 oktober 2009 @ 17:08:
Verder geef je niet echt een werkend voorbeeld, of een voorbeeld wat met copy-paste werkende te krijgen is, dus is dit nogal glazen bol werk...

twisted2000 schreef op zondag 25 oktober 2009 @ 17:15:
en die spacer bevat een standaard afbeelding die moet worden vertoont als er geen afbeelding in de bibliotheek zit. Weet heus wel dat ik op een andere manier met css alles op kan lossen

Waarschijnlijk heb je net mijn edit gemist.

[_Thanatos_]

twisted2000 schreef op zondag 25 oktober 2009 @ 17:14:
Waarom moet er hier altijd zo worden geantwoord. Ik vond dit voor dit overzicht de snelste oplossing om te maken. En of die al jaaaren deprecated zijn of daar spacers staan of niet moet ik toch zelf weten.
Code moet toch doen waarvoor die is, en ik stel hier gewoon mijn vraag omdat die dat niet doet en niet wat ik anders zou kunnen gebruiken.

Ik snap je frustratie, maar hij heeft wel gelijk. Je leunt veel te zwaar op wat de browser voor je bedenkt met die deprecated attributen. Ik vind het niet heel gek dat een spacer teveel ruimte inneemt. Maar ideetje: doe es ipv een spacer gewoon helemaal geen plaatje en geen link. Laat dat kreng gewoon weg als je niets wil weergeven. Je CSS (ik hoop dat je wel íets hebt, gezien je niks ervan post) moet dan maar zorgen dat de hoogte en breedte correct blijft.

[BtM909]

Om even inhoudelijk op je post in te gaan. Je weet dat tabeldesigns nooit echt zijn bedoeld voor pixelprecies renderen

Cellspacing 6... 6 wat? Snap je m'n punt. Het is voornamelijk een leiddraad zodat de browser ongeveer weet hoe die tabel moet worden genereert.

Ik durf te wedden dat als je bovenstaande tips in ogenschouw neemt, dat je totaal niet tegen dit probleem aanloopt Soms is het dus wel verstandig om je aanpak te herzien.