Ommitting "a: hover" for 1 link

Discussion in 'CSS' started by abcdefGARY, Jul 11, 2006.

  1. #1
    my CSS styles are set so that the links will have an underline when they hover, however I don't want this for one particular link.

    how do I go about doing this?

    thanks
     
    abcdefGARY, Jul 11, 2006 IP
  2. klown

    klown Peon

    Messages:
    2,093
    Likes Received:
    115
    Best Answers:
    0
    Trophy Points:
    0
    #2
    make something like this

    a.topmenulink:link { color: #FFFFFF; 
    	font-family: Arial;
    	font-size: 13px;
    	text-decoration: none;
     }
    
    a.topmenulink:visited { color: #FFFFFF; 
    	font-family: Arial;
    	font-size: 13px;
    	text-decoration: none;
     }
    
    a.topmenulink:hover {color: #CCFF66; 
    	font-family: Arial;
    	font-size: 13px;
    	text-decoration: none;	
    }
    
    Code (markup):
    then set your class to "topmenulink" like this maybe

    <a href="individual.php" class="topmenulink">Get Individual Quote Now! </a>
    Code (markup):
     
    klown, Jul 11, 2006 IP
  3. abcdefGARY

    abcdefGARY Well-Known Member

    Messages:
    665
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #3
    thanks. it works.
     
    abcdefGARY, Jul 11, 2006 IP