Send to a Friend

Link's avatar

How to create a good navigation bar with CSS?

I’m trying to style a tabbed navigation bar with CSS for the top of my website. I want the tab for the page the user is on to look different from the other tabs, as a sort of “you are here” marker, but for whatever reason I can’t make this happen with the a:active state (I assume that’s what the a:active is for). I know the order (link, visited, hover, active), and all the other states work, except the a:active. Any ideas?

Using Fluther

or

Using Email

Separate multiple emails with commas.
We’ll only use these emails for this message.

Mobile | Desktop


Send Feedback   

`