Layout: Active links with CSS

started by Vladimir on Jan 6, 2004 — RSS Feed

Vladimir Vladimir
Posts: 53

I created a navigation bar with CSS. Each link is inside a DIV. I have made it so that the link text have LINK, VISITED, HOVER, and ACTIVE properties.

When I preview the page, in this case in IE6, the rollovers work fine at first. But after I clicked on one, without moving to another page, and roll over it again, it doesn't work.

In addition, how do I make it so that the current page link is a different color when it is opened? the ACTIVE property doesn't seem to work.

Thx in advance.

Suzanne Suzanne
Posts: 4

aseudo-classes need to be in order:

:link
:active
:visited
:hover

Have you considered using unordered lists instead of divs?

In order to make the current page link a different colour you can use contextual CSS and IDs and a local stylesheet on each page with the information, or script a solution along those lines.

:active is only for when you click on the link and hold it, it doesn't apply to the current url at all.

Asif Shabbir Asif Shabbir
Posts: 10

Hi,
Thanks for giving such a useful information, I can use it in my site Infomist Services

Maskodok Eko Maskodok Eko
Posts: 170

TOP SEO | Jasa SEO Profesional

TOP SEO | Jasa SEO Profesional RajaPoker88.com Agen Texas Poker Dan Domino Online Indonesia Terpercaya IDRPoker.COM Agen Texas Poker dan Domino Online Indonesia Terpercaya POKERSTAR88.com Agen Texas Poker Dan Domino Online Indonesia Terpercaya D

You must login to reply