Web Hosting Forum - A Web Hosting community for Webmasters


Divi WordPress Theme

Author Topic: How to Remove underline from hyperlink  (Read 20705 times)

0 Members and 1 Guest are viewing this topic.

Offline Kailash

  • Administrator
  • Web Hosting Master
  • *****
  • Posts: 601
  • iTrader: +153/-0
    • View Profile
How to Remove underline from hyperlink
« 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:
Code: [Select]
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: [Select]
<a href="http://forums.webhostingdiscussion.net/" style="text-decoration:none">Web Hosting Talk</a>
Regards,

Kailash

VPS Hosting - AccuWebHosting

Offline w3school

  • New Member
  • *
  • Posts: 26
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #1 on: July 06, 2009, 09:55:19 AM »
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: [Select]
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: [Select]
<a href="http://forums.webhostingdiscussion.net/" style="text-decoration:none">Web Hosting Talk</a>
Thanks for sharing such a useful information!

W3school

Offline manishaghimire

  • Newbie
  • *
  • Posts: 8
  • iTrader: +0/-0
  • Lets Be`Connected!!
    • View Profile
    • SEO NEPAL
Re: How to Remove underline from hyperlink
« Reply #2 on: January 24, 2010, 01:40:11 PM »
This is a common thing to do.May be this will help out some of the newbies here!

Offline StevenJr

  • New Member
  • *
  • Posts: 14
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #3 on: March 18, 2010, 12:41:44 PM »
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

Offline polardhanry

  • Newbie
  • *
  • Posts: 3
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #4 on: April 14, 2010, 02:42:01 PM »
As per my suggestion,you should have to use following code for the removing the underline from the hyper link,
a {
text-decoration: none;
}

Offline AndreClark99

  • Newbie
  • *
  • Posts: 3
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #5 on: May 14, 2010, 03:21:55 PM »
The code which I want to suggest you is:
<A STYLE="text-decoration:none" HREF="link.html">The text for link</A>

Offline drewgrantt1

  • Newbie
  • *
  • Posts: 4
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #6 on: July 08, 2010, 06:18:46 PM »
Well...I think the following code is work...

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

Offline born

  • New Member
  • *
  • Posts: 13
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #7 on: July 31, 2010, 03:26:22 AM »
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.

Offline Jerin

  • New Member
  • *
  • Posts: 22
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #8 on: August 06, 2010, 03:19:29 PM »

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>

Offline kadencayden

  • Newbie
  • *
  • Posts: 1
  • iTrader: +0/-0
    • View Profile
    • cheap website design
Re: How to Remove underline from hyperlink
« Reply #9 on: August 20, 2010, 10:23:38 PM »
I think the above code is working; thank you very much for the master.

Offline disolmodo78

  • New Member
  • *
  • Posts: 15
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #10 on: November 19, 2010, 04:50:36 AM »
 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.

Offline elisajohn

  • Newbie
  • *
  • Posts: 5
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #11 on: January 28, 2011, 10:34:18 AM »
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.

Offline ricksjosep

  • Newbie
  • *
  • Posts: 5
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #12 on: March 08, 2011, 08:59:46 AM »
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. 

Offline kadhababu

  • Newbie
  • *
  • Posts: 3
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #13 on: August 21, 2011, 01:16:43 PM »
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>
« Last Edit: July 13, 2015, 04:07:26 PM by Kailash »

Offline adamchen

  • Newbie
  • *
  • Posts: 8
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #14 on: October 14, 2011, 08:24:09 PM »
Good post for newbies :)

Offline James Andy

  • Junior Guru
  • **
  • Posts: 57
  • iTrader: +0/-0
    • View Profile
    • Software Development Company Malaysia
Re: How to Remove underline from hyperlink
« Reply #15 on: July 11, 2012, 01:08:23 PM »
Yeah, I think this is good post for new peoples who don’t know about it.
The best iPhone app Development and Android app Development Company in Malaysia..!

Offline chiragaegis

  • Newbie
  • *
  • Posts: 4
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #16 on: November 22, 2012, 03:31:14 PM »
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.

Offline littonbarney

  • New Member
  • *
  • Posts: 11
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #17 on: April 03, 2013, 03:46:39 PM »
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.

Offline StevenDurgin

  • New Member
  • *
  • Posts: 16
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #18 on: April 09, 2014, 12:11:16 AM »
This is an awesome bunch of information it would be very helpful for newbies like me. i really appreciate it.

Offline MurielCalzada

  • New Member
  • *
  • Posts: 11
  • iTrader: +0/-0
    • View Profile
Re: How to Remove underline from hyperlink
« Reply #19 on: November 25, 2014, 07:25:07 PM »
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>"

Divi WordPress Theme
Tags:
 

Related Topics

  Subject / Started by Replies Last post
7 Replies
88835 Views
Last post July 21, 2010, 11:34:10 AM
by webhosting.am
1 Replies
6061 Views
Last post August 01, 2008, 03:19:42 AM
by Mike
2 Replies
994 Views
Last post September 17, 2014, 11:06:55 AM
by WebhostingTalk