Forum Moderators: not2easy

Message Too Old, No Replies

Keeping Links from Changing Color

         

peterinwa

7:34 am on Feb 10, 2005 (gmt 0)

10+ Year Member



My CSS code is below and it works great. But what I want to know is if I can modify pt so that I can have a link in class="pt" and have it NOT change color on hover. In other words I would want it to stay 000099.

So I want to specify a hover color within pt that only applies to pt. Outside pt hover would change the link text to 00ff00 as it does now.

Thanks, Peter Novice

/* common.css 050207 */

a:link, a:visited, a:active {text-decoration: none; color: #009900}
a:hover {text-decoration: none; color: #00ff00}
body {background-color: #ffffff; margin: 0; padding: 0}

/* Page Title */
.pt {
text-align: center;
font-family: verdana,arial;
font-size: 18px;
color: #000099}

johnl

9:20 am on Feb 10, 2005 (gmt 0)

10+ Year Member



hi peterinwa,
just add


a.pt:hover {text-decoration: none; color: #009900}

to your css and everything :-) should be fine.

peterinwa

5:17 pm on Feb 10, 2005 (gmt 0)

10+ Year Member



Thanks, I will assume I place that under the line a.hover, not inside pt.

jfjet

3:33 pm on Feb 11, 2005 (gmt 0)

10+ Year Member



beware that :hover for a class may not work in IE.