Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 943 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Menu problem

Thread title: Menu problem
Closed Thread    
    Thread tools Search this thread Display Modes  
05-31-2008, 04:36 PM
#1
.Cyanide is offline .Cyanide
Status: Senior Member
Join date: Mar 2006
Location: Stockholm,Sweden
Expertise: Web Design, Coding
Software: Phoshop CS3
 
Posts: 757
iTrader: 4 / 100%
 

.Cyanide is an unknown quantity at this point

Send a message via MSN to .Cyanide

  Old  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
Andrew R is offline Andrew R
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
 
Posts: 5,200
iTrader: 17 / 95%
 

Andrew R is on a distinguished road

  Old

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
.Cyanide is offline .Cyanide
Status: Senior Member
Join date: Mar 2006
Location: Stockholm,Sweden
Expertise: Web Design, Coding
Software: Phoshop CS3
 
Posts: 757
iTrader: 4 / 100%
 

.Cyanide is an unknown quantity at this point

Send a message via MSN to .Cyanide

  Old

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
Andrew R is offline Andrew R
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
 
Posts: 5,200
iTrader: 17 / 95%
 

Andrew R is on a distinguished road

  Old

Make sure you have them set to display as block elements.

05-31-2008, 05:59 PM
#5
Gurnk is offline Gurnk
Status: Member
Join date: May 2007
Location: US
Expertise:
Software:
 
Posts: 380
iTrader: 12 / 100%
 

Gurnk is on a distinguished road

Send a message via AIM to Gurnk Send a message via MSN to Gurnk

  Old

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
.Cyanide is offline .Cyanide
Status: Senior Member
Join date: Mar 2006
Location: Stockholm,Sweden
Expertise: Web Design, Coding
Software: Phoshop CS3
 
Posts: 757
iTrader: 4 / 100%
 

.Cyanide is an unknown quantity at this point

Send a message via MSN to .Cyanide

  Old

problem solved, a good ol' friend helped me out. Thanks guys!

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed