ongewenste spaties in IE

[theFlashWizard]

ey mensjes,
Ik zie op mijn website als ik hem met IE bekijk spaties tussen objecten komen als ik ze in de source onder mekaar zet..

zo zomt er in IE dus een spatie tussen:
<a href="#" onclick="changeStyle('lang_','usa')">
<img src="images/usa.gif" id="usa" alt="English" title="English" />
</a>
<a href="#" onclick="changeStyle('lang_','nl')">
<img src="images/nl.gif" id="nl" alt="Nederlands" title="Nederlands" />
</a>

en zo niet:
<a href="#" onclick="changeStyle('lang_','usa')"><img src="images/usa.gif" id="usa" alt="English" title="English" /></a><a href="#" onclick="changeStyle('lang_','nl')"><img src="images/nl.gif" id="nl" alt="Nederlands" title="Nederlands" /></a>

maar je snapt wel dat ik voor duidelijk en aanpasbaarheid me source liever als de 1ste opbouw.. weet iemand mischien een oplossing? :$
ik heb wel zitten zoeken op google maar hier kwamen volgens mij net de niet toepasselijke oplossingen uit.

ik zie nu zelfs dat die afstand groter wordt wanneer je het normale lettertype vergroot (ctrl +) :(

alvast bedankt!

[Dopefish]

Dat probleem heb ik eerder gezien, dat is al helemaal een ramp in Flash aangezien dat maar HTML 1 ondersteund en geen tables...

Mijn oplossing voor jouw probleem is dat je het gewoon in een tabel zet!

<table>
<tr>
<td><a href="#" onclick="changeStyle('lang_','usa')">
<img src="images/usa.gif" id="usa" alt="English" title="English" />
</a></td>
<td><a href="#" onclick="changeStyle('lang_','nl')">
<img src="images/nl.gif" id="nl" alt="Nederlands" title="Nederlands" />
</a></td>
</tr></table>


overigens wat voor javascriptje gebruik je met dat lang nl en usa?

[theFlashWizard]

sorry ik wijger mijn gestuctureerde xhtml te verknallen met een tabel..
em.. tja das meer een test.. het selecteerd een speciale stylesheet voor engels..
maar volgens mij kan je dat ook net als media bij je css aangeven..
maar het kan ook later gebruikt worden voor een andere (bijv bredere) layout of n groter lettertype.

[mknol]

en als je beide links in aparte div's zet (met margin+padding:0px, en display:inline), heb je er dan ook last van??

[theFlashWizard]

ey ik kan toch niet elk plaatje in n aparte div zetten.. :$

[SubZero]

Dit is één van de meest irritante bugs in Internet Explorer, namelijk de "Whitespace Bug". Eén van de meest bekende toepassingen is wanneer je een link in een lijst "display: block;" meegeeft, hierover heeft Hicks Design (http://www.hicksdesign.co.uk/journal/ie-whitespace-bug) een stuk geschreven.

Je bent nu op een punt gekomen waarop je een keuze moet maken vrees ik, want de Whitespace Bug zit in élke versie van Internet Explorer, en een echte workaround is er niet. Of je gaat voor inline elementen waarbij je hier tegenaan loopt voor héél overzichtelijke code zorgen (waar ik zelf ook van hou weliswaar) en aan meer dan 80% van je bezoekers een fout presenteren, of je gaat voor inline elementen je XHTML markup wat aanpassen en inboeten aan leesbaarheid van de code, zodat je aan elke bezoeker met een moderne browser een goede en foutloze gebruikservaring kan aanbieden.

Dan is voor mij de keuze snel gemaakt, want een browser geeft er niets om dat al de markup op één lijn staat. Line breaks en spaties dienen enkel voor leesbaarheid van de markup, daar heeft de gebruiker van de website niets aan.

[theFlashWizard]

hmm das een erg duidelijk antwoord.. :)
en ik ben het met je eens.. ik heb liever een logische, simpele structuur en een mooie site dan dat ik me source perfect hebt geformateerd..

die pagina had ik al n x gevonde maar volgens mij had ik daar niks aan omdat het om een lijst ging..
thnx voor de info! :)