want links to change color


	Cow Forums : Adobe Dreamweaver << PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>

want links to change color
by Mouzhan Mangum on Mar 20, 2008 at 5:50:20 pm

I've set up css for my links but I don't know how to make the links change color when you hover over them. Here is one of my pages.

http://www.infotrac.com/Website/Temporary/Info1298/InfoSite/opm_workbook.ht...

(the words One Page Management are hyperlinked)

Here is my css:

.link {
color: #65703F;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

Thanks for your help!

Respond to this post • Return to posts index

Re: want links to change color
by Abraham Chaffin on Mar 20, 2008 at 6:01:42 pm

Here's the CSS you need to use

a:hover {

color: #FFFFFF; /* OR WHATEVER COLOR YOU WANT */

}

Or if you want to do a pseudo style off of the .link class you would do:

.link a:hover {

color: #FFFFFF; /* OR WHATEVER COLOR YOU WANT */

}

Abraham

Respond to this post • Return to posts index

Re: want links to change color
by Mouzhan Mangum on Mar 20, 2008 at 6:27:08 pm

Thanks!! That worked beautifully. How can I make it have a different color when the link has been viewed?

Respond to this post • Return to posts index

Re: want links to change color
by Abraham Chaffin on Mar 20, 2008 at 6:41:01 pm

Use

a:visited{

color: #FFFFFF /* YOUR COLOR */

}

you can also do any sort of other styling like making it bold put a background on it, padding, size etc.

Abraham

Respond to this post • Return to posts index


	<< PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>