|
|
|
|
Thread title: Menu problem |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
05-31-2008, 04:36 PM
|
#1
|
Status: Senior Member
Join date: Mar 2006
Location: Stockholm,Sweden
Expertise: Web Design, Coding
Software: Phoshop CS3
Posts: 757
|
Menu problem
Hey
I have a problem with my menu here:
www.jakobgrannas.com/gamersroad/index2.html
As you see when you hover over the menu options, the surrounding menu options and the search bar jump to the left.
My question is: How do I prevent this problem?
Thanks, Jake
|
|
05-31-2008, 04:48 PM
|
#2
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
Add the correct amount of padding to the non-hover state. For example, if you are adding 5px of padding on each side on the hover, add 5px of paddng on each side on non-hover.
Edit: Since it appears you are just using width, add the correct width to the non-hover state instead of padding.
|
|
05-31-2008, 05:07 PM
|
#3
|
Status: Senior Member
Join date: Mar 2006
Location: Stockholm,Sweden
Expertise: Web Design, Coding
Software: Phoshop CS3
Posts: 757
|
I'm not sure I understand that. I tried adding the correct width to the non-hover tags, but it didn't work =/
|
|
05-31-2008, 05:44 PM
|
#4
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
Make sure you have them set to display as block elements.
|
|
05-31-2008, 05:59 PM
|
#5
|
Status: Member
Join date: May 2007
Location: US
Expertise:
Software:
Posts: 380
|
When you are hovering, you are adding extra space or margins that isn't there on the normal state. These extra margins and padding are adding up to be to wide, and knocking everything off.
You need to have the normal state spaced out enough, and the same margins/padding as hover, so that when you hover, nothing moves, your background image just appears.
|
|
05-31-2008, 08:19 PM
|
#6
|
Status: Senior Member
Join date: Mar 2006
Location: Stockholm,Sweden
Expertise: Web Design, Coding
Software: Phoshop CS3
Posts: 757
|
problem solved, a good ol' friend helped me out. Thanks guys!
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|