Link to home
Start Free TrialLog in
Avatar of Carl Billington
Carl BillingtonFlag for Australia

asked on

Mouse over link effect

Can anyone see where im going wrong?

<style type="text/css">
<!--    
.test {
      text-decoration:none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      hover: text-decoration: underline; color=#ff0000
}
-->
</style>
<a href="http://www.google.co.uk" class="test">example</a>




Regards,
ASKER CERTIFIED SOLUTION
Avatar of SheharyaarSaahil
SheharyaarSaahil
Flag of United Arab Emirates image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Carl Billington

ASKER

thanks for pointing me in the right direction

<style type="text/css">
<!--
.test {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-decoration:none;
      color: #000000;
      font-weight: bold;
}
a.test:hover {
      color: #FF0000;
}
.hello {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-decoration:none;
      color: #FFCC00;
      font-weight: bold;
}
a.hello:hover {
      color: #0033CC;
}
-->
</style>
<p><a href="http://www.google.co.uk" class="test">example</a></p>
<p><a href="http://www.google.com" class="hello">example</a></p>