Using cascading style sheets (CSS) to fiddle with links.



Testing CSS Link stuff

Here's the code:

[STYLE TYPE="text/css"]
A.test:link {font-size: 16pt; text-decoration:underline; background:navy; font-weight: 200; color:yellow}

What it does: The initial presentation of the link is shown as yellow on navy, underlined
A.test:visited {font-size: 12pt; text-decoration:underline;font-style: italic;Color:green}

What it does: Once the link has been visited, it gets changed to green and slightly smaller - still underlined so you know its a link
A.test:active {font-size: 16pt; text-decoration:none; Color:red}

What it does: When you click on it, and until you return to this page, the link should turn red
A.test:hover {font-size: 16pt; text-decoration:none;font-style: italic; background:red;font-weight: 200; color:white}

What it does: When you move your mouse over the link it will change color and become italicized
[/STYLE]

[a href="http://216.46.163.166/forums/Forum9/HTML/000170.html" CLASS="test" target=_blank]Testing CSS Link stuff [/a]

Note the inclusion of the CLASS tag

Please change square brackets to angle brackets to create a working example.

Rgds,
__
/im
[This message has been edited by JTimothyA (edited 11-09-99).]