Home : Forums : Website Management : Sticky hover option

Sticky hover option

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register
23-May-10 21:47
DeleteDelete EditEdit
bigdogcattle bigdogcattle's avatar Rank: bronze
Bronze
Posts: 42
From: Greeley, Colorado, USA
Hi All,

I am not sure if this can be done through CSS or not, but I thought I would start here. Here is my test site to reference: http://bigdogcattle.com/test/

Is there any way to keep the parent link selected on y menu (as shown when mouse over) when the mouse moves to the sub menu?

P.S. Let me know if you need to see any of my code.

--
Thanks,
Jamie
Http://BigDogCattle.com
26-May-10 05:22
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3304
From: Southern Highlands, NSW, Australia
Hi Jamie,

Try changing:


	#nav li a:hover, .sfhover a {
	color:#884214;
	text-decoration:underline;
	background:url("/images/nav-over.png") left bottom no-repeat;
	}


to:


	#nav li a:hover, .sfhover a, #nav li:hover>a {
	color:#884214;
	text-decoration:underline;
	background:url("/images/nav-over.png") left bottom no-repeat;
	}


The "#nav li:hover>a" should cause a link in the main menu to remain underlined when the link's parent li element is hovered over (ie when the submenu appears). (Won't work in IE6 though.)

Does that help?

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
26-May-10 09:53
DeleteDelete EditEdit
bigdogcattle bigdogcattle's avatar Rank: bronze
Bronze
Posts: 42
From: Greeley, Colorado, USA
That worked great. Thanks for the help.

--
Thanks,
Jamie
Http://BigDogCattle.com
26-May-10 18:15
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3304
From: Southern Highlands, NSW, Australia
No problem Jamie - glad it worked.

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
 
New posts
Old posts

Follow Elated