Mouse over on navigation

At Ask Me Help Desk you can ask questions in any topic and have them answered for free by our experts. To ask questions or participate in answering them you must register for a free account. By registering you will be able to:

Get free answers from experts in any of our 300+ topics.
Accept money for answers that you provide.
Communicate privately with other members (PM).
See fewer ads.

IMK17

Nov 28, 2007, 06:21 AM

On the left hand navigation bar of my web site, I have a white background, with all my links displaying with a blue font. Currently when I hover my mouse over the link, the text disappears.

I would like to create the effect of when I hover my mouse over a link, the background colour goes purple, and the text goes to a white font.

Thanks,

jstrike

Dec 4, 2007, 07:51 AM

This will do it for all links on the page:

<style>
a:hover {background-color:purple; color:white;}
</style>

If you only want this to happen to certain links then:

<style>
a.purpleHover:hover {background-color:purple; color:white;}
</style>
<body>
<a class="purpleHover" href="#">Hover here</a>
<br>
<a href="#">Normal Link</a>
</body>

HTH,
-Jeff