Active State in CSS Navigations

Sohtanaka give us clear explanation about Active State in CSS Navigations. The trick is pretty simple. We will be using CSS Sprites, this will basically allow us to have three states (Default, Hover, & Active) for each navigation link.

demo Active State in CSS Navigations

We will be adding this “active” state by assigning an ID to the <body> tag on each of our pages. By assigning an ID to each page, we can now specify different properties and values depending on which page it’s on.

Demo:http://www.sohtanaka.com/web-design/examples/active-navigation/contact.htm

Incoming search terms for the article:

Related Posts

Convert PSD Files to HTML and CSS with PSDSlicing

jQuery-Menu-Aim

Dabblet CSS and HTML Editor

ExpandingTextarea jQuery Plugin