Hyperlinks with mouseover underline

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

How do you accomplish have a hyperlink not show the line unless you mouseover
it?
 
This is how I do it:

1. Look up how to make CSS type files and save it into your website directory.
2. Put the following lines in HTML View after the <head> tag

Change the color according to your own preference. The one below, highlights
the link in red.

the a:hover removes the underline (however, here it changes the color)

<style type="text/css">
a:link {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #FF0000;}
</style>
 
Right-click the page, Page Properties | Advanced | *Rollover Style* (tick
the enable hyperlink rollover effects)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Back
Top