Testing CSS Link Styles

This is a proof-of-concept test to use styles in setting link properties.
A general link is supposed to be blue normal type, which is underlined on mouseover, and turns red when active.
The "menu" link-style is supposed to sit with it's text centered in a fixed width box, and changes color with actions.

Graphical Link Effects

An "opac" class link is an image that changes opacity with mouse actions. In particular, it should be at full opacity on mouseover - semi-transparent at other times.
Ideally, I want to be able to exchange images for different actions. The "nav" class exploits link backgrounds to do this, while the "special" structure uses a combination of opacity and position:relative elements.

Testing CSS Link Styles

Graphical Link Effects

Menu