Make a hyperlink without under line [Archive]

Click to See Complete Forum and Search --> : Make a hyperlink without under line

nittynick

04-27-2003, 06:02 PM

It should be a simple proccess but for some reason I can't figure out how to make a hyperlink (on text not an image) without the line showing up.... is there a way to do this without having to convert the text to an image?

pyro

04-27-2003, 06:07 PM

Yes, you use css like this:

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:active {
text-decoration: none;
}

nittynick

04-27-2003, 06:11 PM

Thanks! I'll do this.

jeffmott

04-27-2003, 06:14 PM

If you're going to do that for (almost) every pseudo-class, why not just define it for the entire A element?a { text-decoration: none }

nittynick

04-27-2003, 06:27 PM

Thanks Jeffmott for your reply...

If it's not to much trouble could you please give me an example for using the words "contact" and "home" in your coding so I can better grasp how to add this coding into my site. I'm not very familiar with using such intense coding - but I learn fast.

jeffmott

04-27-2003, 06:57 PM

If you were to include it in the head of your page, e.g.<head>
... -> your other head elements
<style type="text/css">
a { text-decoration: none }
</style>
</head>then this will affect all links on that page. If you only want this to happen to certain sections of your site then you can do so with classes, e.g.<head>
... -> your other head elements
<style type="text/css">
.no-link-decoration a { text-decoration: none }
</style>
</head>

<body>

<p class="no-link-decoration"><a href="contact.html">contact</a> |
<a href="index.html">home</a></p>

</body>

nittynick

04-27-2003, 07:39 PM

Thanks again!