Solved

Mouse over link effect

Posted on 2006-06-21
2
791 Views
Last Modified: 2013-12-03
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,
0
Comment
Question by:the_omnific
2 Comments
 
LVL 65

Accepted Solution

by:
SheharyaarSaahil earned 250 total points
ID: 16950673
that's because you are not defining a hover stylesheet, rename you .test to a.test:hover
like this,

<style type="text/css">
<!--    
a.test:hover {
     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>
0
 
LVL 1

Author Comment

by:the_omnific
ID: 16950837
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>
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
This Micro Tutorial hows how you can integrate  Mac OSX to a Windows Active Directory Domain. Apple has made it easy to allow users to bind their macs to a windows domain with relative ease. The following video show how to bind OSX Mavericks to …
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question