#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    3
    Rep Power
    0

    CSS Style Sheets


    I'm in the process of building a web site and I made an external style sheet for text that I'm using as links. The purpose of the style sheet is for no underline under the text link. While that works, the color change on rollover of the link does not. ex. When I put the cursor over the link and click---the color stays black and does not change to red like it's supposed to. How do I get around this problem? Please help ASAP. Thanks.
  2. #2
  3. Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Apr 2003
    Location
    Italy, EU
    Posts
    517
    Rep Power
    12
    If you could quote or attach that part of your CSS file it will be more easy for us to help you...
    Cheers, Dave
  4. #3
  5. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    3
    Rep Power
    0
    Here is the Style Sheet, I've figured out how to have the color change on rollover mostly, there is only link that won't change still for some reason. Also, I have not been able to get the visited link color to change.

    .text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; text-decoration: none}
    a:link { color: #000000; text-decoration: none}
    a:active { color: #CC0000}
    a:hover { color: #CC0000}
    a:active { text-decoration: none}
    a:hover { }
    a:hover { }
    a:hover { }
    a:hover { }
    a:hover { text-decoration: none}
    a:hover { }
    a:active { }
    a:visited { color: #CC0000}
  6. #4
  7. Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Apr 2003
    Location
    Italy, EU
    Posts
    517
    Rep Power
    12
    Using this CSS:
    Code:
    A:link {
    	color: #000000;
    	text-decoration: none;
    }
    A:active {
    	color: #CC0000;
    } 
    A:hover {
    	color: #CC0000;
    } 
    A:visited {
    	color: #CC0000;
    }
    I've had that the links haven't any decoration and they're red but when unvisited.
    Try to test it with a link to a site you have NEVER visited.

    P.S. I don't understand that list of a:hover{}...

    Hope it helps!
    Cheers, Dave
  8. #5
  9. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    3
    Rep Power
    0
    thank you very much.

IMN logo majestic logo threadwatch logo seochat tools logo