Solved

Mouse over link effect

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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

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…
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…
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…
You have products, that come in variants and want to set different prices for them? Watch this micro tutorial that describes how to configure prices for Magento super attributes. Assigning simple products to configurable: We assigned simple products…

706 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now