Schoonheidsfoutje?!?

[Verwijderd]

Beste heren,

Ik snap er niks meer van.
Er is duidelijk iets van een schoonheids foutje maar kan deze niet vinden.

http://www.borgwebdesign.nl

op me ene laptop met vista draait hij perfect (menu)
xp draait hij goed,
server 2008 draait hij goed,

Maar op een andere laptop met windows 7 raakt het menu in de war.
Zowel IE 8.0 als Firefox.

Tussen de knopjes komt er een spacing van zo'n 5 pixels....

Iemand enig idee hoe ik dit kan oplossen?!?!?
Alvast bedankt

[pasta]

Tables gebruiken voor tabulaire data ipv layout is wellicht handig. Verder zou je ook wat eigen inzet mogen tonen, in welk stukje code verwacht je dat het probleem zit bijv. ?

[Verwijderd]

pasta schreef op zondag 29 maart 2009 @ 14:14:
Tables gebruiken voor tabulaire data ipv layout is wellicht handig. Verder zou je ook wat eigen inzet mogen tonen, in welk stukje code verwacht je dat het probleem zit bijv. ?

Ik verwacht onder het stukje menu...
ik snap het echt niet... normaal nooit ergens last van!
Of zit het probleem hem gewoon in windows 7.0 beta??!?!
Want ik heb nu even meerdere pagina's bekeken en ook daar zit er meer door de war (puur menu's)

<table width="810" height="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="178" class="menu"><table width="178" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="178"><a href="html/mogelijk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Mogelijkheden','','img/butmo1.gif',1)"><img src="img/butmo.gif" alt="Mogelijkheden" width="178" height="30" border="0" id="Mogelijkheden" /></a></td>

[ Voor 8% gewijzigd door Verwijderd op 29-03-2009 14:25 ]

[Ook al Bezet]

Verwijderd schreef op zondag 29 maart 2009 @ 14:22:
Of zit het probleem hem gewoon in windows 7.0 beta??!?!

Lijkt me niet, ik zie hier hetzelfde probleem met WinXP, wellicht ligt het aan de schermresolutie?
Een tabel voor je menu gebruiken lijkt me trouwens ook niet de beste keuze.

[wasted247]

Ik heb hier op Vista x86 en Firefox 3.0.8 ook 5 pixels tussen de verschillende menu items... IE7 doet het wel correct.

Volgens FireBug zit t em in:
<td width="178">
<a onmouseover="MM_swapImage('Mogelijkheden','','img/butmo1.gif',1)" onmouseout="MM_swapImgRestore()" href="html/mogelijk.html">
</a>
</td>

Met name de a geeft extra ruimte onder de <td>.

Edit: Het zit em eerder in de margins van de cellen in combinatie met de images e.d. verschillende browser willen hier nog wel eens anders mee omgaan... Wanneer je de tables borders geeft kun je duidelijk zien dat in de browser waar het misgaat de cellen te groot zijn in verhouding tot de images...

Vermoed dat dat zoeken naar een workaround wordt

[ Voor 33% gewijzigd door wasted247 op 29-03-2009 15:07 ]

[Verwijderd]

Zou er geen margin/padding zitten op de table/tr/td? Wasted kan ook zeer zeker wel gelijk hebben. Jammer dat je met zulke primitieve code werkt. (Ik ben het eens met Pasta, en een onopgemaakte lap javascript met overbodige functionaliteit imho). Hopelijk ben je er snel uit.

[PainkillA]

ik zou je net als vele andere hier al gezecht hebben geen tables voor je layout gebuiken. Ook vraag ik mij af waarom je voor xhtml kiest als je toch geen gebruik maakt van xml.

Verder vind ik persoonlijk het design niet helemaal geslaagd.

Ik heb geen ervaring met windows 7 dus kan daar neit veel over zeggen

[wasted247]

En we hebben een winnaar! Voeg deze maar toe aan je css:

img { display:block; }

fixte het direct bij mij. De bron: http://developer.mozilla....bles,_and_Mysterious_Gaps

P.S. had je zelf al gegoogled op "Margin under image"?

[ Voor 33% gewijzigd door wasted247 op 29-03-2009 15:09 ]

[Verwijderd]

Wasted> hartelijk bedankt!!!

nee ik had op padding gezocht!

nu zal ik deze ook is bij nog 2 andere pagina's toevoegen want ook die gooit de lay out door elkaar heen.
www.techno-shop.nl en www.primaparts.nl. < dit probleem ligt toch echt aan windows 7 vrees ik...

Ik zal een digitaal kratje bier naar je toe sturen

Ieder1 bedankt voor jullie tips/advies .
Begin er pas net mee dus er zal wel hier en daar wat foutjes in zitten..

[ Voor 24% gewijzigd door Verwijderd op 29-03-2009 15:56 ]

[wasted247]

Verwijderd schreef op zondag 29 maart 2009 @ 15:46:
Wasted> hartelijk bedankt!!!

nee ik had op padding gezocht!

nu zal ik deze ook is bij nog 2 andere pagina's toevoegen want ook die gooit de lay out door elkaar heen.
www.techno-shop.nl en www.primaparts.nl. < dit probleem ligt toch echt aan windows 7 vrees ik...

Ik zal een digitaal kratje bier naar je toe sturen

Ieder1 bedankt voor jullie tips/advies .
Begin er pas net mee dus er zal wel hier en daar wat foutjes in zitten..

Graag gedaan, maar aan 7 ligt het niet hoor, zoals eerder gemeld had ik hier in FF onder Vista hetzelfde probleem

Suc6 dr mee!

[NMe]

Als jij aan webdesign wil doen hoop ik voor je klanten dat je pasta's tip ter harte neemt en gauw gaat kijken naar de betekenis van het woord "semantiek" en hoe dat een website beter dient dan een table-opmaak. Nog los ervan dat het makkelijker te onderhouden is als je netjes de juiste tag voor het juiste element gebruikt zal Google je pagina ook beter kunnen waarderen en krijg je er een betere pagerank door.

[Verwijderd]

En ik zou je site's zowiezo nog eens goed testen. Dit krijg ik in Firefox-Vista:

[Bosmonster]

wasted247 schreef op zondag 29 maart 2009 @ 15:06:
En we hebben een winnaar! Voeg deze maar toe aan je css:

img { display:block; }

fixte het direct bij mij. De bron: http://developer.mozilla....bles,_and_Mysterious_Gaps

P.S. had je zelf al gegoogled op "Margin under image"?

Ik zou niet globaal al je images als display:block renderen eerlijk gezegd, daar kun je nog aardig problemen mee krijgen in normale content.

Daarnaast:

- Je test in Windows 7.. lekker boeiend nog
- Je bouwt een website voor webdesign (waarborg voor kwaliteit notabene) en je bouwt de site in tables en andere antieke technieken (inline javascript bijvoorbeeld)

En tja.. over smaak valt te niet te twisten, maar het design vind ik ook niet zo geslaagd. 45-graden hoeken, bevels, dropshadows, gradients en dan nog alles grijs ook.

[ Voor 8% gewijzigd door Bosmonster op 30-03-2009 11:03 ]