Solved

Mouse over link effect

Posted on 2006-06-21
2
794 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
[X]
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
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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Google Fonts Logo Design 2 142
Replace Dreamweaver with what? 8 178
Signatures in Outlook coming up too small 4 68
Universal fonts 2 172
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…

739 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