simple question

L

liunx

Guest
Hey guys -<br />
A simple question for my html page. How do I put in a link in my web page without having it 'underlined'.. As in, it should show the 'underline' only when the mouse is over the text.. I know it's simple, just not getting it..<br />
<br />
Thanks<!--content-->You need to use CSS to do that. Put this in between your <HEAD> tags:<br />
<br />
<style type="text/css"><br />
<!--<br />
A:link {text-decoration: none;}<br />
A:visited {text-decoration: none;}<br />
A:hover {text-decoration: none;}<br />
--><br />
</style><br />
<br />
If you leave out the A:hover {text-decoration: none;} it will still underline when you move the mouse over the link.<!--content-->Goldilocks is right but it is easier if you just add this code in between the <head> and </head> tags of your page:<br />
<br />
<STYLE><br />
<!--<br />
A{text-decoration:none}<br />
--><br />
</STYLE><br />
<br />
This of course is to make all the links in the whole document not underlined. To make just one link like this, use this command:<br />
<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"LINK.EXT" STYLE="text-decoration: none">TEXT</a><br />
<br />
You also could have gone to <!-- w --><a class="postlink" href="http://www.htmlgoodies.com">www.htmlgoodies.com</a><!-- w --> and found the commands and tags there. That is what I used and still use for my HTML training.<!--content-->
 
You must log in or register to reply here.
Back
Top