PDA

Click to See Complete Forum and Search --> : No under line for a hyper link

shanuragu
07-30-2003, 08:09 AM
Hi

How can I remove under line for a hyper link.


shara
Khalid Ali
07-30-2003, 08:12 AM
css

style="text-decoration:none"
The Air Strange
07-30-2003, 04:56 PM
Where do you place this function if you want there to be no links on any of the hypertext links within a page?
PeOfEo
07-30-2003, 05:24 PM
<style type="text/css">
:link {text-decoration:none;}
:active {text-decoration:none;}
:visited {text-decoration:none;}
:hover {text-decoration:none;}
<style>
Place that in your head.
pyro
07-30-2003, 05:31 PM
Three things.

1: If you are going to specify the same styles for all aspects of the link, wouldn't it be easier to use:

<style type="text/css">
a {
text-decoration: none;
}
</style>

2: The correct order is link, visited, hover, active ( http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes )

3: You made a typo on the closing </style> tag. You had <style>
PeOfEo
07-30-2003, 10:50 PM
oops about the typo. Also that code works just fine in opera ie and mozilla.
pyro
07-30-2003, 10:54 PM
Originally posted by PeOfEo
Also that code works just fine in opera ie and mozilla. Only because you used the same declaration for all aspects. Try setting the :hover to text-decoration: underline; You also need to add a:hover (same for the rest -- :link, :active, :visited). Note the a before the psuedo-class.
PeOfEo
07-31-2003, 01:12 AM
Ill correct it later I bookmarked the w3 page you gave me.
shanuragu
07-31-2003, 05:42 AM
It is working fine!!! Thank u all.
shara