How to Remove underline from hyperlink

« on: July 05, 2009, 10:02:56 AM »

Kailash

Administrator
Newbie

iTrader: 50
Posts: 285

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:

Code:

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:

Code:

<a href="http://forums.webhostingdiscussion.net/" style="text-decoration:none">Web Hosting Talk</a>

Regards,

Kailash


	Logged

cPanel/WHM Configuration | Web Hosting Discussion Blog
Windows VPS Hosting
WordPress Premium Themes

Re: How to Remove underline from hyperlink

« Reply #1 on: July 05, 2009, 09:25:19 PM »

w3school

Newbie

iTrader: 0
Posts: 26

Quote from: Kailash on July 05, 2009, 10:02:56 AM

Code:

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:

Code:

<a href="http://forums.webhostingdiscussion.net/" style="text-decoration:none">Web Hosting Talk</a>

Thanks for sharing such a useful information!

W3school


	Logged

Re: How to Remove underline from hyperlink

« Reply #2 on: January 24, 2010, 01:10:11 AM »

Lets Be`Connected!!

manishaghimire Offline

Newbie

iTrader: 0
Posts: 8

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


	Logged

Re: How to Remove underline from hyperlink

« Reply #3 on: March 18, 2010, 12:11:44 AM »

StevenJr

Newbie

iTrader: 0
Posts: 16

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.


	Logged

Setup your own home business to earn a lot

Re: How to Remove underline from hyperlink

« Reply #4 on: April 14, 2010, 02:12:01 AM »

polardhanry Offline

Newbie

iTrader: 0
Posts: 3

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


	Logged

Re: How to Remove underline from hyperlink

« Reply #5 on: May 14, 2010, 02:51:55 AM »

AndreClark99 Offline

Newbie

iTrader: 0
Posts: 3

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


	Logged

Web Design New York

Re: How to Remove underline from hyperlink

« Reply #6 on: July 08, 2010, 05:48:46 AM »

drewgrantt1 Offline

Newbie

iTrader: 0
Posts: 4

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

Code:


	Logged

Cheap Web Design

Re: How to Remove underline from hyperlink

« Reply #7 on: July 30, 2010, 02:56:22 PM »

born

Newbie

iTrader: 0
Posts: 13

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.


	Logged

Re: How to Remove underline from hyperlink

« Reply #8 on: August 06, 2010, 02:49:29 AM »

Jerin

Newbie

iTrader: 0
Posts: 23

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>


	Logged

Dedicated web hosting from $49/month

Re: How to Remove underline from hyperlink

« Reply #9 on: August 20, 2010, 09:53:38 AM »

kadencayden Offline

Newbie

iTrader: 0
Posts: 1

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


	Logged

cheap website design

Re: How to Remove underline from hyperlink

« Reply #10 on: November 18, 2010, 04:20:36 PM »

disolmodo78 Offline

Newbie

iTrader: 0
Posts: 15

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.


	Logged

Banner Stands | Seo Services | tropical marine aquarium

Re: How to Remove underline from hyperlink

« Reply #11 on: January 27, 2011, 10:04:18 PM »

elisajohn

Newbie

iTrader: 0
Posts: 5

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.


	Logged

Re: How to Remove underline from hyperlink

« Reply #12 on: March 07, 2011, 08:29:46 PM »

ricksjosep Offline

Newbie

iTrader: 0
Posts: 5

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.


	Logged

ZoomBits

Re: How to Remove underline from hyperlink

« Reply #13 on: August 21, 2011, 12:46:43 AM »

kadhababu

Newbie

iTrader: 0
Posts: 3

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>

Cegonsoft


	Logged

J2EE Training

Re: How to Remove underline from hyperlink

« Reply #14 on: October 14, 2011, 07:54:09 AM »

adamchen

Newbie

iTrader: 0
Posts: 8

Good post for newbies


	Logged

Pages: [1] Go Up

« previous next »