Anchor with no underline?

liunx

Guest
How can make text link not be underlines all the time? For example, the links in this forum are only underlined when you do a mouse over. Is this done via scripting or styling?<br />
Any help or suggestions is appreciated.<!--content-->It's done via CSS. Learn it at Lissa Explainsp (<!-- m --><a class="postlink" href="http://www.lissaexplains.com">http://www.lissaexplains.com</a><!-- m -->).<!--content-->a:link, a:visited, a:active {text-decoration: none}<!--content-->So, you expect him to add that code to a .css file, without any starting or ending tags ;)?<!--content-->Try putting this into the HEAD area of your page coding.<br />
<br />
<style type="text/css"><br />
a {text-decoration:none;}<br />
a:hover {text-decoration:underline;}<br />
</style><!--content-->Or for more fun fool around with these colors.<br />
<br />
<STYLE TYPE="text/css"><!-- <br />
A:link { text-decoration: none; color: #0000FF; font-weight:Bold; font-face:arial } <br />
A:visited { text-decoration: none; color: #FFFFFF; background-color: #000000; } <br />
A:active { text-decoration: none; color: #0000FF } <br />
A:hover { text-decoration: underline;color: #FF0000 ;background-color: #000000; font-family:arial, verdana, tahoma, ms sans serif;font-size:10;} border:solid;border-color:white;border-width : 1px;} <br />
<br />
--> <br />
</STYLE><!--content-->thanks for the info/help<!--content-->You are very welcome. See how great this community is at helping?<!--content-->Put this in a file called stylelink.css:<br />
<br />
<br />
A:link { text-decoration: none; color: #0000FF; font-weight:Bold; font-face:arial } <br />
A:visited { text-decoration: none; color: #FFFFFF; background-color: #000000; } <br />
A:active { text-decoration: none; color: #0000FF } <br />
A:hover { text-decoration: underline;color: #FF0000 ;background-color: #000000; font-family:arial, verdana, tahoma, ms sans serif;font-size:10;} border:solid;border-color:white;border-width : 1px;} <br />
<br />
Experiment with the colour settings to get what you want.<br />
<br />
<br />
<br />
<br />
Put this in the head section of each HTML file that is going to use that stylesheet:<br />
<br />
<br />
<LINK rel="stylesheet" type"text/css" href=http://www.htmlforums.com/archive/index.php/"stylelink.css"><br />
<br />
<br />
<br />
<br />
To change all of the pages of your web site to a new style you just need to edit the .css file once, not every HTML file. This makes changes much easier to do.<br />
<br />
<br />
After you have written your style sheet, don't forget to run it through the code checker at: <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator-uri.html">http://jigsaw.w3.org/css-validator/validator-uri.html</a><!-- m --> so that you can fix any errors.<br />
<br />
<br />
CSS questions seem to come up every few days. There is loads of useful stuff in other recent (<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=19053">http://www.htmlforums.com/showthread.ph ... adid=19053</a><!-- m -->) threads (<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=19100">http://www.htmlforums.com/showthread.ph ... adid=19100</a><!-- m -->).<!--content-->
 
Back
Top