roll over image in spry menu bar

[chripoo]

Ik heb 'roll over images' geplaatst in een 'spry menu bar'.
Probleem is dat er rondom restruimtes overblijven en dat de 'images' dus niet netjes sluitend naast elkaar staan.
(zie bijgevoegd screenshot)
Spacing, margins en borders staan allemaal netjes op nul.
Als ik gewoon een afbeelding plaats doet dit probleem zich niet voor.
Misschien iemand die een oplossing weet?

Bijvoorbaat dank voor de reacties!
Groet, Chris

P.s. ben beginneling met DW en scripting

 

[chripoo]

pfff... zit nog wat om te klooien in DW,
zie ik dat de padding van 'menubarhorizontal a dus niet op nul staat.
probleem dus opgelost.
heeft me ongeveer 4 uren gekost dat uit te vogelen.

 

[csshunter]

Hoi chripoo,
Tip voor de volgende keer:

• Even Firebug voor Firefox downloaden.
• Daarmee zie je als je rechtsklikt op een weerbarstig element ("Element inspecteren met Firebug") meteen de html-code van het element, plus alle styles (die van zichzelf, en de styles die ze van omvattende elementen geërfd hebben), plus waar die styles in je stylesheet(s) uithangen.
• Margins en paddings worden met kleurtjes aangegeven, die zie je direct.
• Ziet er uit als dit voorbeeld.
• Meestal binnen 4 minuten resultaat.

Dat scheelt dan 4 uur min 4 minuten: onmisbaar gereedschap!

Met vriendelijke groet,
CSShunter
_____
PS: En als je toch aan het binnenhalen bent van add-ons, dan ook even de Webdeveloper Toolbar in Firefox zetten: die vult Firebug prima aan met ook heel handige dingen.

 

[chripoo]

Dank voor je reactie, CSShunter.
Ga ik zeker doen!

Groet, Chris