Remove underline from link - But still make cursor show hand?

john6 · 10-01-2012, 02:17 AM

Hi, does anyone know how to make links without underline, but still have the cursor/mouse know its a link and show a hand-cursor?

Thanks!

stevenmw · 10-01-2012, 04:41 AM

Code:

text-decoration: none;

oliviacis · 10-01-2012, 07:45 AM

You got to use the style attribute as style="text-decoration:none" in the link tag as shown below:

<a href="http://www.codingforums.com" style="text-decoration:none">The Coding Forums</a>

Write this code in between the <head></head> tags, and then place your links normally.

stevenmw · 10-01-2012, 08:09 AM

oliviacis, Please make sure to wrap your code.

John, it doesn't have too be that complicated.

Use a separate stylesheet aside from your html page and use

Code:

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

a:active {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

This will take the underline away from every single link on your page. Doing it the way oliviacsis said would only take the underline away from the individual link.

Of course you can have multiple link styles by assigning a link state to a div, and all of the links in that div will refelct that link style.

Code:

#wrap a {
text-decoration: none;
}

VIPStephan · 10-01-2012, 08:20 AM

stevenmw, it goes even less complicated:

Code:

a {text-decoration: none;}

will take care of all anchor elements, no need for the pseudo classes. Those are only needed if you use a:link.

stevenmw · 10-01-2012, 08:25 AM

Quote:

Originally Posted by VIPStephan

stevenmw, it goes even less complicated:

Code:

a {text-decoration: none;}

will take care of all anchor elements, no need for the pseudo classes. Those are only needed if you use a:link.

I just wanted to be detailed in case john6 wanted to customize each pseudo class.

oliviacis · 10-05-2012, 09:55 AM

I just replied to what john6 asked. He dint mention if he wants to remove the underline of all links in the entire page. Anyways, thanks for adding more info to my reply.