2 replies [Last post]
thedevilman
thedevilman's picture
Offline
newbie
Last seen: 17 years 7 weeks ago
Timezone: GMT-6
Joined: 2003-12-09
Posts: 2
Points: 0

:twisted:

How can I alter the appearance of a hyperlink that leads to a page that is currently open? Let me explain... Say you have a header or footer that displays several hyperlinks leading to different pages within a site. This footer is the same on every page and you want to let visitors know where they are. Is there a way to alter the link through css without having to edit every single page individually? If I could use some sort of "open links" rule in a .css file, it would save a ton of time.

Example of what I'm trying to accomplish:
("Info" in Blue, being the current page you are in and viewing.)

Home | Links | Info | Feedback

Any advice would be greatly appreciated. I have looked as much as my patients would permit, and found no answers.

thedevilman
thedevilman's picture
Offline
newbie
Last seen: 17 years 7 weeks ago
Timezone: GMT-6
Joined: 2003-12-09
Posts: 2
Points: 0

Changing hyperlink fonts of the page that's currently open?

:twisted:

For now I have just assigned each link that I want changed a class of "current" and put its parameters in the style sheet accordingly. It does work, just looking for a lazier way I guess, even if it means more work in the beginning development process.

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 10 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Changing hyperlink fonts of the page that's currently open?

thedevilman wrote:
:twisted:

For now I have just assigned each link that I want changed a class of "current" and put its parameters in the style sheet accordingly. It does work, just looking for a lazier way I guess, even if it means more work in the beginning development process.

At the moment this is the only way.

Many confuse a:active for doing what you want. Personally I think they should. The browser recognises what link is active and....
Then they can use the a:focus for tabbing.

Regards
Day

The only way to learn is to do it yourself