Navigation across top of page with rollover effect

gumspitter · 02-10-2010, 12:24 AM

Pixel everything seems to be looking fine. However, I no longer have the rollover working. Is there an error in the code I do not see? Please advise.

Thanks
David

PixelPusher · 02-10-2010, 03:32 PM

David,

That was my error. I forgot to add the "li" level in the hover/focus class. Copy/paste the code below and that should fix it.

Code:

ul.links li a:hover, ul.links li a:focus {
background: url(dark.png) no-repeat;
padding: 0;
}

FYI, you have an empty list item after "renovations".

PixelPusher · 02-10-2010, 03:33 PM

Quote:

Originally Posted by bcrump

@PixelPusher
Thanks you really know your thing

Your welcome, and thank you.

gumspitter · 02-15-2010, 12:11 AM

Pixel, I have inserted the above code, the rollover is working but it looks really messy. It shifts all the navigation to the left on rollover.When you rollover the skate parks button everything stays put. This is what I want. What could be wrong? Please help.
Thanks,
David

gumspitter · 02-20-2010, 03:18 AM

Pixel still can't figure out why the rollover is so out of whack. The rollover should only change colors not shift to the left.

PixelPusher · 02-26-2010, 04:28 PM

Sorry for lack of response just been real busy. I saw you posted a new thread about link text color and text padding. I have posted an answer there.

02-10-2010, 03:32 PM	#12 (permalink)
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 471	David, That was my error. I forgot to add the "li" level in the hover/focus class. Copy/paste the code below and that should fix it. Code: ul.links li a:hover, ul.links li a:focus { background: url(dark.png) no-repeat; padding: 0; } FYI, you have an empty list item after "renovations". __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

02-15-2010, 12:11 AM	#14 (permalink)
gumspitter Bronze Member Join Date: Sep 2009 Posts: 37	Pixel, I have inserted the above code, the rollover is working but it looks really messy. It shifts all the navigation to the left on rollover.When you rollover the skate parks button everything stays put. This is what I want. What could be wrong? Please help. Thanks, David Last edited by gumspitter; 02-15-2010 at 12:14 AM.

02-26-2010, 04:28 PM	#16 (permalink)
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 471	Sorry for lack of response just been real busy. I saw you posted a new thread about link text color and text padding. I have posted an answer there. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

02-10-2010, 12:24 AM	#11 (permalink)
gumspitter Bronze Member Join Date: Sep 2009 Posts: 37	Pixel everything seems to be looking fine. However, I no longer have the rollover working. Is there an error in the code I do not see? Please advise. Thanks David

02-20-2010, 03:18 AM	#15 (permalink)
gumspitter Bronze Member Join Date: Sep 2009 Posts: 37	Pixel still can't figure out why the rollover is so out of whack. The rollover should only change colors not shift to the left.