PDA

View Full Version : HTML links

phani
11-08-2002, 10:19 AM
Hello, can any one tell how to display the hyper link with out underline, and how to disappear the underline for the hyper link on moving the mouse over the link
aEr_aEr
11-08-2002, 01:43 PM
this is done with css

example
put this in your stylesheet or between styl tags in your head tags

a:link { color:#0089BC; text-decoration:none; font-size:8pt;}
a:visited { color:#A1C2D4; text-decoration:none; font-size:8pt;}
a:hover { color:#A1C2D4; text-decoration:none; font-size:8pt;}
a:active { color:#A1C2D4; text-decoration:none; font-size:8pt;}
degsy
11-08-2002, 01:47 PM
This is CSS, not Javascript.

Use text-decoration: none; in your CSS.

Here is an example using different states of text-decoration


<style type="text/css">
<!--
a:link {
color: #FF0000;
text-decoration: none;
}
a:visited {
color: #990000;
text-decoration: none;
}
a:hover {
color: #0000FF;
text-decoration: underline overline;
}
a:active {
color: #0000FF;
text-decoration: underline overline line-through;
}
-->
</style>

This code can go into the <head> section of your document.