width between images in menu

[middleburgbmx]

I couldn't find anything that quite related to my problem in the forums, unless I overlooked it...
I have images as my menu buttons. I'm trying to fix the spacing between them to make it have less space (my menu is wo rows & I want it to be in tighter so it will only have one) & I can't for the life of me remember how to do it.
Thanks for your help!
website: http://middleburgbmx.angelfire.com

[jthayne]

Is this still an issue as it appears to be on a single line in FF at least.

[middleburgbmx]

I'm using FF f& it's still showing up on my computer as 2 lines with too much space in between the buttons. How would I tell the menu to take up 100% of the screen so that on smaller screens it would fit & on larger screens it wouldn't look too off?

[markei]

Hello!

It's not only your buttons that move when using a smaller screen, it's your entire page content also.

If you're asking how to make everything shrink, that's not recommended.

I would set a static width for your "wrapper" div. Then when the screen is reduced, scroll bars will appear to get to the rest of the content, but your page content itself won't move around.

Hope it helps!

***You may also want to add some padding (at least 10-15px) - at least to the left - of the "wrapper" div to bring the page content away from the left edge of the browser.***

[Reasonfalling]

Your problem might be because of your monitor size. Are you using percentages or pixels for your dimensions?

[fucuco]

It seems like he uses percentages.