width between images in menu

middleburgbmx · 10-08-2009, 12:26 AM

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 · 10-13-2009, 10:59 AM

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

middleburgbmx · 10-13-2009, 09:02 PM

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 · 01-16-2010, 11:58 AM

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 · 02-25-2010, 04:05 AM

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

10-08-2009, 12:26 AM	#1
middleburgbmx New Member Join Date: Apr 2008 Location: Middleburg, FL Webmaster Discussions: 13 Rep Power: 15	width between images in menu 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

10-13-2009, 10:59 AM	#2
jthayne Join Date: Aug 2008 Location: Texas Webmaster Discussions: 501 Rep Power: 21	Re: width between images in menu Is this still an issue as it appears to be on a single line in FF at least. __________________ Be sure to click the reputation icon to give rep to the person who helped you. For web design/development services, check Silentium Designs.

10-13-2009, 09:02 PM	#3
middleburgbmx New Member Join Date: Apr 2008 Location: Middleburg, FL Webmaster Discussions: 13 Rep Power: 15	Re: width between images in menu 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?

01-16-2010, 11:58 AM	#4
markei New Member Join Date: Mar 2009 Location: Westminster, MD Webmaster Discussions: 19 Rep Power: 10	Re: width between images in menu 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.* Last edited by markei; 01-16-2010 at 12:02 PM. Reason: add additional comment

02-25-2010, 04:05 AM	#5
Reasonfalling New User Join Date: Feb 2010 Webmaster Discussions: 2 Rep Power: 4	Re: width between images in menu Your problem might be because of your monitor size. Are you using percentages or pixels for your dimensions?

Thread Tools
Show Printable Version Email this Page
Rate This Thread
Rate This Thread:

Similar Webmaster Discussions
Thread	Webmaster Discussion Starter	Forum	Replies	Last Post
fixing the width of <td>	svibuk	HTML Forum	2	11-13-2008 10:09 AM
Pull down (jump) menu width/display issue (revisited)	igmustafa	CSS Forum	0	06-10-2004 06:43 AM
Jump Menu covers drop down menu	declan	HTML Forum	1	03-10-2004 10:08 AM
Pulldown menu blocks my popup menu	George123	HTML Forum	9	05-28-2003 10:57 AM
Pull down (jump) menu width/display issue..	smashart	CSS Forum	3	04-05-2003 06:29 PM