Is it possible for me to hide the underline of the word link using <A Href>?<br />
<br />
For example:<br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.yahoo.com"> yahoo</a><br />
<br />
I will see a line under "yahoo" link. Would it possible for me to hide the line underneath the word "yahoo"?<br />
<br />
Thanks in advanced!<br />
<br />
-David<!--content-->Absolutely.<br />
You can do this using style sheets.<br />
<br />
There are two basic ways.<br />
either set up a style sheet to control it. you can control all links or individual links:<br />
<br />
<style type="css/text"><br />
A: link { text-decoration: none; <br />
color: red; }<br />
A: visited { text-decoration: none;<br />
color: orange; }<br />
A: hoover { text-decoration: underline; color: blue; }<br />
A: active { text-decoration: none; color: green; }<br />
</style><br />
<br />
Above will make all links in your page red, and all visited links orange. When you hoover over a link (mouse pointer is on top) then the link will magically get an underline (ok it is not magic, but it could be ...
). When the link is pressed (active) it will turn green !!<br />
<br />
If you only want certain links in the page to have this behavior you can do this:<br />
<br />
<style type="css/text"><br />
A.mylinks: link {text-decoration: none; color: red; }<br />
A.mylinks: visited {text-decoration: none; color: blue; }<br />
A.mylinks: hoover {text-decoration: underline; color: green; }<br />
A.mylinks: active {text-decoration: underline; color: orange; background-color: red; }<br />
<br />
A.myothr: link {text-decoration: none; font-size: 22px;}<br />
A.myothr: visited {text-decoration: none; font-size: 12px;}<br />
A.myothr: hoover {text-decoration: underline; font-size: 40px; }<br />
A.myothr: active {text-decoration: underline; color: orange; background-color: red; font-size: 50px; }<br />
<br />
</style><br />
..<br />
..<br />
<a href=http://www.htmlforums.com/archive/index.php/"somepage.html" class="mylinks">Here I am</a><br />
<a href=http://www.htmlforums.com/archive/index.php/"another.html" class="myothr">Here I am again</a><!--content-->
<br />
For example:<br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.yahoo.com"> yahoo</a><br />
<br />
I will see a line under "yahoo" link. Would it possible for me to hide the line underneath the word "yahoo"?<br />
<br />
Thanks in advanced!<br />
<br />
-David<!--content-->Absolutely.<br />
You can do this using style sheets.<br />
<br />
There are two basic ways.<br />
either set up a style sheet to control it. you can control all links or individual links:<br />
<br />
<style type="css/text"><br />
A: link { text-decoration: none; <br />
color: red; }<br />
A: visited { text-decoration: none;<br />
color: orange; }<br />
A: hoover { text-decoration: underline; color: blue; }<br />
A: active { text-decoration: none; color: green; }<br />
</style><br />
<br />
Above will make all links in your page red, and all visited links orange. When you hoover over a link (mouse pointer is on top) then the link will magically get an underline (ok it is not magic, but it could be ...
). When the link is pressed (active) it will turn green !!<br /><br />
If you only want certain links in the page to have this behavior you can do this:<br />
<br />
<style type="css/text"><br />
A.mylinks: link {text-decoration: none; color: red; }<br />
A.mylinks: visited {text-decoration: none; color: blue; }<br />
A.mylinks: hoover {text-decoration: underline; color: green; }<br />
A.mylinks: active {text-decoration: underline; color: orange; background-color: red; }<br />
<br />
A.myothr: link {text-decoration: none; font-size: 22px;}<br />
A.myothr: visited {text-decoration: none; font-size: 12px;}<br />
A.myothr: hoover {text-decoration: underline; font-size: 40px; }<br />
A.myothr: active {text-decoration: underline; color: orange; background-color: red; font-size: 50px; }<br />
<br />
</style><br />
..<br />
..<br />
<a href=http://www.htmlforums.com/archive/index.php/"somepage.html" class="mylinks">Here I am</a><br />
<a href=http://www.htmlforums.com/archive/index.php/"another.html" class="myothr">Here I am again</a><!--content-->