This is effect I want: http://haptictheory.com/clients/jh/nav/. I want the current page to have the green image behind it so people know what page they're on. This is what I have: http://haptictheory.com/clients/jh/index2.php. The current page doesn't display the background image except on hover. CSS here: http://haptictheory.com/clients/jh/css/global.css
Thoughts?

Recommended Answers

All 2 Replies

DV,

In the style sheet, delete #nav li #current a{} and #nav li #current span a {} , then amend #nav li a:hover{} and #nav li a:hover span as follows:

#nav li a:hover, #nav li#current a {
	background: url(http://haptictheory.com/clients/jh/images/nav_back.png) no-repeat top right;
 	color: #576d07;
}

#nav li a:hover span, #nav li#current span {
	background: url(http://haptictheory.com/clients/jh/images/nav_back.png) no-repeat top left;
}

This guarantees that the "current" state has the same style applied to it as the :hover style.

Airshow

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.