Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Mouse over link effect

Posted on 2006-06-21
2
792 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

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 …
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
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…

792 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