Remove Underline Underneath Links
Do you want to remove underline underearth links ? Even though underlines help identify the links, there are situations where you would want to have links without them.
By default, text links are underlined by the browser. If your page is visited by MSIE3 or newer, you can turn off the underlining for an entire page by adding a style tag to the <head> section of the document.
<head>
<style type="text/css">
a {
text-decoration: none;
}
</style>
</head>
|
However it is usually more convenient to create one style sheet file, named stylesheet.css, in the top directory of your web space and use it in each of your pages by adding this element to the <head> section of the page:
| <link rel="stylesheet" href="/stylesheet.css" type="text/css"> |
If you wnat to impart more sophisticated look, consider bringing back the underline only when the mouse pointer is hovering over the link. Try this in your style sheet:
a:hover {
text-decoration: underline;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
|
|
