[Html]spookruimte tussen plaatje in IE

[Spruit_elf]

Ik heb het onderhoud van de clansite van een vriend op me genomen en het eerste dat ik aan het doen ben is om alle opmaak uit het html bestand te halen en in css te proppen.

dat gaat prima, maar nu zit ik met het probleem dat er tussen een aantal menu knoppen ruimte zit, die maar niet weg wil. Firefox doet het goed, maar IE blijft er ruimte tussen houden, zelfs als ik voor alles

code:

margin: 0px; padding: 0px; border: 0px none;

instel

dit is de betreffende site, D2S
zoals je met IE kan zien staan de drie menu knoppen uit elkaar

dit is de css, ik heb enigzins geknipt in niet relevante stukken

code:

a{
    border: 0px none;
    margin: 0px;
    padding: 0px;
    color: Red;
}

a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
body{
    border: 0px none;
    margin: 0px;
    padding: 0px;
}

img{
    border: 0px none;
    margin: 0px;
    padding: 0px;
}

table{
    border: 0px none;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

td.layout{
    border: 0px none;
    margin: 0px;
    padding: 0px;
}

tr{
    border: 0px none;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

als ik de a tags weg haal om de plaatjes dan blijft die ruimte

ik heb ook al gekeken naar whitespace om de plaatjes maar die is er niet
wie o wie weet waar die ruimte vandaan komt?

[Bosmonster]

Omdat ze alle drie in een andere tabel-kolom staan die netjes uitgevuld worden.

Als je die drie kolommen nou eens samenvoegt ben je van het hele probleem af (colspan=3). Maakt het ook nog eens 100x makkelijker als je dalijk een menu-itempje toe wilt voegen.

En volgens mij ondersteunt je hosting geen PHP-shorttags: In de titel staat gewoon '<?=$inc ?>'

[ Voor 41% gewijzigd door Bosmonster op 19-06-2004 11:59 ]

[JayVee]

Probeer eens alle whitespace characters rond je <img> tags te verwijderen. Dat leverde een naar probleem op voor mij: [rml][ IE6] maakt div met evengroot plaatje erin groter[/rml]

[Spruit_elf]

JayVee schreef op 19 juni 2004 @ 12:08:
Probeer eens alle whitespace characters rond je <img> tags te verwijderen. Dat leverde een naar probleem op voor mij: [rml][ IE6] maakt div met evengroot plaatje erin groter[/rml]

mrcactus schreef op 19 juni 2004 @ 11:48:
ik heb ook al gekeken naar whitespace om de plaatjes maar die is er niet
wie o wie weet waar die ruimte vandaan komt?

lezen is ook een vak ik had je topic al gezien dus ik had daar idd al rekening mee gehouden

Bosmonster schreef op 19 juni 2004 @ 11:56:
Omdat ze alle drie in een andere tabel-kolom staan die netjes uitgevuld worden.

Als je die drie kolommen nou eens samenvoegt ben je van het hele probleem af (colspan=3). Maakt het ook nog eens 100x makkelijker als je dalijk een menu-itempje toe wilt voegen.

ALs het goed is word hij ook helemaal uitgevuld door het plaatje omdat zowel het plaatje als de kolom 78 pixels breed is

als ik ze samenvoeg is dat idd makkelijker, maar dan blijft het probleem nogsteeds, ik heb het voorbeeld even verbeterd

En volgens mij ondersteunt je hosting geen PHP-shorttags: In de titel staat gewoon '<?=$inc ?>'

dit is ff tijdelijk heb al een deel php eruitgesloopt maar het komt uiteindelijk wel met php

[ Voor 4% gewijzigd door Spruit_elf op 19-06-2004 12:24 ]

[drm]

gerenderde whitespace om images heen in td's kun je meestal verhelpen door ze een display:block; css-property mee te geven

[Spruit_elf]

drm nee dat helpt niet, bij de oplossing met alle drie in de zelfde cel word het alleen maar erger

wel kan ik zeggen dat de plaatjes geen witruimte erom heen hebben maar dat de iets, de cel zo breed houd, als ik text-align: left; doen dan gaat het home knopje mooi naar links maar dan blijft er aan de rechterkant een grotere ruimte over

[Spruit_elf]

hmm ik heb het nu opgelost door alle plaatjes in die rij in de zelfde cel te plaatsen, dna werkt het, volgens mij ging ie flippen omdat 1 plaatje niet helemaal paste.