Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

html text link rollover 1

Status
Not open for further replies.

wellcott

Technical User
Jan 17, 2005
2
GB
Can anyone tell me how to make a text link appear as a rollover? I do not want an image rollover but simply to make the text change colour as the mouse rolls over it.

Is it a behaviour? Or a script? Or a CSS? Or what?

Thanks

 
Here's one way:

Place this code in the head section of your page and customise it for your needs. As written here, your links will be bold and blue. When you hover over them, they will be bold and red with a red underline. They will return to bold and blue when not being hovered over.

<code>
<style>
a:link {text-decoration: none; color: #0000FF; font-weight: bold}
a:visited {text-decoration: none; color: #0000FF; font-weight: bold}
a:hover {text-decoration: underline; color: #FF0000; font-weight: bold}
</style>
</code>

Do not include the "<code></code>" on your page.
 
Thank you to all those who replied. I've now sussed it. Cheers.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top