• Welcome to Web Hosting Community Forum for Webmasters - Web hosting Forum.
 

Recommended Providers

Fully Managed WordPress Hosting
lc_banner_leadgen_3
Fully Managed WordPress Hosting

WordPress Theme

Divi WordPress Theme
WPZOOM

Forum Membership

Forum Membership

How to Remove underline from hyperlink

Started by Kailash, July 05, 2009, 10:32:56 PM

Kailash

To remove underline from hyperlink you will need to use style in your HTML. You can use one of the following methods to remove underline from Hyperlink:

[1] Using CSS:
- If you are using CSS, you will just need to add following code in your CSS:
a {
text-decoration: none;
}


[2] Using style tag in HTML:
- If you do not want to use CSS then you can accomplish this using following Way:
<a href="http://forums.webhostingdiscussion.net/" style="text-decoration:none">Web Hosting Talk</a>

Regards,

Kailash

w3school

Quote from: Kailash on July 05, 2009, 10:32:56 PM
To remove underline from hyperlink you will need to use style in your HTML. You can use one of the following methods to remove underline from Hyperlink:

[1] Using CSS:
- If you are using CSS, you will just need to add following code in your CSS:
a {
text-decoration: none;
}


[2] Using style tag in HTML:
- If you do not want to use CSS then you can accomplish this using following Way:
<a href="http://forums.webhostingdiscussion.net/" style="text-decoration:none">Web Hosting Talk</a>

Thanks for sharing such a useful information!

W3school

manishaghimire

This is a common thing to do.May be this will help out some of the newbies here!

StevenJr

Hi Kailash,

Your code is best and I'd recommend going for a "CSS" based solution to it, because of its cross browser compatibility. Also, here's some interesting code:

<head>
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
</style>
</head>

This CSS hyperlink style will make the font color of all anchor tag links red and it will get "underlined" when the mouse over is performed.
Setup your own home business  to earn a lot

polardhanry

As per my suggestion,you should have to use following code for the removing the underline from the hyper link,
a {
text-decoration: none;
}

AndreClark99

The code which I want to suggest you is:
<A STYLE="text-decoration:none" HREF="link.html">The text for link</A>

drewgrantt1

Well...I think the following code is work...

<a href="/forum"><img src="images/cutcorners.gif" width="110" height="60" style="float:right; margin-left:10px; margin-bottom: 10px" /></a><br>

born

There are several ways to remove the hyperlink underline. This page shows how to do this by adding the style attribute to the regular hyperlink code, adding the text-decoration property and giving the text-decoration property a value which in this case is none.

Jerin


Do this:

Code

<a href="/forum"><img src="images/cutcorners.gif" width="110" height="60" style="float:right; margin-left:10px; margin-bottom: 10px; border: 0" /></a><br>

kadencayden

I think the above code is working; thank you very much for the master.

disolmodo78

 This page depicts how to do this by adding the style assign to the regular hyperlink code, adding the text-decoration property as well as giving the text-decoration property a value which in this event is none.

elisajohn

Mainly the underline with link is known as a hyperlink. When you mouse move on it then it shows the hand sign, it known as a hyperlink. You can change this functionalities from the dreamweaver, this application includes so many options for developing application very easily.

ricksjosep

There are so many ways to remove the underline from hyperlink. For these just you have to adding the style attribute code and also some of the functionalities can be available in a dreamweaver to remove the underline from hyperlink. 

kadhababu

#13
For One Link:
The code may look something like this:
<a href="http://www.newflashmedia.com">newflashmedia</a>
Typing in the blue code " style="text-decoration:none" ", will remove the hyperlink underline:
<a href="http://www.newsourcemedia.com" style="text-decoration:none">newsourcemedia</a>
In order to affect other links repeat the process shown above.
For All Links
To affect all links in an html document, you can add CSS to the header as follows:
Syntax:-
<style type="text/css">
a {
text-decoration: none;
}
</style>

Example:-

<style type="text/css">

a:link {
color: blue;
text-decoration:none;
}

a:visited {
color: purple;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}

</style>

adamchen


James Andy

Yeah, I think this is good post for new peoples who don't know about it.

chiragaegis

I don't. I am playing around before I decide if i should purchase it or not. is css the only way to override the underline setting. I thought that if inserting a style="text-decoration., none; into each url works, there should be a html function to add a block of code to format the entire page.

littonbarney

Only thing you need to change with this code is the href attribute is as shown in syntax.  <a href="remove-hyperlink-underline.php" style="text-decoration: none">remove hyperlink underline</a>. This will remove your line from hyperlink.

StevenDurgin

This is an awesome bunch of information it would be very helpful for newbies like me. i really appreciate it.

MurielCalzada

To remove the underline from the hyperlink you just use the below tag:-
"<A STYLE="text-decoration:none" HREF="link.html">The text for link</A>"

aasthabeauty

Put the following HTML code before the <BODY> tag: <STYLE>A {text-decoration: none;} </STYLE>

aasthabeauty

Open the page that you want to modify
Click the Codetab
Put the following HTML code before the <BODY> tag: <STYLE>A {text-decoration: none;} </STYLE>
Click the Designtab. Your hyperlinks no longer contain underlines