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

    Join Date
    Jun 2000
    Posts
    4
    Rep Power
    0
    Hi,
    How can I have multiple hover statements so that different classes can been a different colour when hovered over?
    At the moment I have two sets of links, with two different classes in my styles sheet.

    A:Hover { text-decoration: none }
    .main_links { color: whatever }
    .sub_links { color: whatever }

    So, all my links have no underline, but what if I want one set of links with underlines and one without?

    Is there anyway to do this?

    TIA,

    Jord
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Jan 2001
    Location
    UK
    Posts
    527
    Rep Power
    14
    I think this works:

    A.main_links:Hover { color: whatever; text-decoration: underline; }
    A.sub_links:Hover { color: whatever; text-decoration: underline;}
  4. #3
  5. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2000
    Posts
    4
    Rep Power
    0

    Cheers


    How do I add that to my linke, like <A CLASS="main_links"></A> ?

    Jord
  6. #4
  7. No Profile Picture
    Senior Meddler
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2000
    Location
    NY NY USA
    Posts
    142
    Rep Power
    14
    Yep ... that's exactly what you'd do ... except one of your text-decoration values would be "none".
    --
    Bob Boyle
    boyleb@rappdigital.com
    www.rappdigital.com

IMN logo majestic logo threadwatch logo seochat tools logo