?
Solved

how do I make a href change colors when the cursor is over it  using style sheets?

Posted on 2004-09-03
4
Medium Priority
?
194 Views
Last Modified: 2012-06-27
Can anyone tell me how to do this?

Cheers,
Rick
0
Comment
Question by:richardsimnett
  • 2
4 Comments
 
LVL 10

Expert Comment

by:kiranghag
ID: 11978726
0
 
LVL 36

Accepted Solution

by:
Zyloch earned 800 total points
ID: 11978764
Hi

Basically, you do this:

<html>
<head>
<style type="text/css">
a:link {color:blue;}
a:hover {color:red;}   /*This is when mouse is over link*/
</style>
</head>
<body>
<a href="http://www.google.com/">Google</a>
</body>
</html>

Regards,
Zyloch
0
 

Author Comment

by:richardsimnett
ID: 11978846
Zyloch,
   Ok, that works almost perfectly. Problem is how to make it stay blue as the link color after it has been clicked....

Cheers,
Rick
0
 
LVL 36

Expert Comment

by:Zyloch
ID: 11978900
a:visited {color:blue;}
a:active {color:blue;}
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses
Course of the Month8 days, 13 hours left to enroll

621 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