link underline - DNForum - Domain Sales, Domain Forum, Domain Appraisals, Domain Registrars

**Bionic** · 08-23-2009, 08:48 PM

I want a text link to have no underline except on hover.

This will remove the underline altogether

<a href="(L)" style="text-decoration:none">click</a>

and that's the form I'd like to use, not a seperate style statement.

**south** · 08-23-2009, 10:00 PM

Perhaps someone with a better memory / more well versed can better answer the question., but you may want to something with the border.

Like this: http://www.webreference.com/dhtml/di...er/hover2.html

You might be better off just using images with img tags for SEs.

ftaylor · 08-24-2009, 08:03 AM

Bionic.... Why don't you want to use a separate style statement?

You are far better off with a separate stylesheet, or even a separate style declaration.

This is what you need at the very least:

<style>
a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
</style>

**tristanperry** · 08-24-2009, 08:09 AM

It's impossible to do this with CSS and without using a <style> block in the <head> section.

You can do this via a onmouseover="javascript:..." JS hack, but that'd still require code in the <head> section and is just a bit pointless.

Just add in what ftaylor says, it's the only way to do what you want since you can't use pseudo-names (i.e. :active, :hover etc) as an inline style.

**Bionic** · 08-24-2009, 09:14 AM

the HTML is for visitors to copy and add a link to their site, having a big block of code to insert didn't look too good.

I just used text-decoration:none, they can modify it themselves to fit their site.

thanks all

ftaylor · 08-25-2009, 05:13 AM

If it was for visitors to copy and paste into their site, then their own site's style sheets would apply. Noone is going to copy and paste a link that breaks their stylesheets.

**domaingamer** · 11-09-2009, 02:53 AM

Thanks for this thread, was always getting screwed up w/ a and a: hover. Much thanks!

08-23-2009, 08:48 PM	#1 (permalink)
Bionic Platinum Lifetime Member Last Online: Today 02:44 AM iTrader: (11) Join Date: Oct 2003 Posts: 1,089 DNF$: 475	link underline I want a text link to have no underline except on hover. This will remove the underline altogether <a href="(L)" style="text-decoration:none">click</a> and that's the form I'd like to use, not a seperate style statement.

08-23-2009, 10:00 PM	#2 (permalink)
south DNF Addict Name: Scott Last Online: Yesterday 05:12 PM iTrader: (137) Join Date: Dec 2006 Posts: 3,132 DNF$: 2,659 Location: 33143/04930 Country:	Perhaps someone with a better memory / more well versed can better answer the question., but you may want to something with the border. Like this: http://www.webreference.com/dhtml/di...er/hover2.html You might be better off just using images with img tags for SEs. __________________ All offers valid for 72 hours except running auctions. SJCParking.com \| SFOOffsiteParking.com \| LaGuardiaParking.net

08-24-2009, 08:03 AM	#3 (permalink)
ftaylor .scot Name: Finbarr Taylor Last Online: 11-11-2009 07:46 AM iTrader: (4) Join Date: Apr 2008 Posts: 468 DNF$: 4,244 Location: Glasgow Country:	Bionic.... Why don't you want to use a separate style statement? You are far better off with a separate stylesheet, or even a separate style declaration. This is what you need at the very least: <style> a { text-decoration: none; } a:hover { text-decoration: underline; } </style> __________________ GlasgowSEO.com is on auction on Sedo! Rank 2 on Google for 'glasgow seo'. CPC £3.35/$5.31. High advertiser competition. Glasgow is Scotland's largest city with over 1,000,000 inhabitants.

08-24-2009, 08:09 AM	#4 (permalink)
tristanperry Amms.com Name: Tristan Perry Last Online: Yesterday 05:53 AM iTrader: (50) Join Date: Jan 2007 Posts: 1,526 DNF$: 5,382 Location: Wales, UK Country:	It's impossible to do this with CSS and without using a <style> block in the <head> section. You can do this via a onmouseover="javascript:..." JS hack, but that'd still require code in the <head> section and is just a bit pointless. Just add in what ftaylor says, it's the only way to do what you want since you can't use pseudo-names (i.e. :active, :hover etc) as an inline style. __________________ █ Devoted Hosting █ High Quality Shared And Reseller Hosting █ cPanel, 24/7 support, 99.9% uptime guaranteed

08-25-2009, 05:13 AM	#6 (permalink)
ftaylor .scot Name: Finbarr Taylor Last Online: 11-11-2009 07:46 AM iTrader: (4) Join Date: Apr 2008 Posts: 468 DNF$: 4,244 Location: Glasgow Country:	If it was for visitors to copy and paste into their site, then their own site's style sheets would apply. Noone is going to copy and paste a link that breaks their stylesheets. __________________ GlasgowSEO.com is on auction on Sedo! Rank 2 on Google for 'glasgow seo'. CPC £3.35/$5.31. High advertiser competition. Glasgow is Scotland's largest city with over 1,000,000 inhabitants.

08-24-2009, 09:14 AM	#5 (permalink)
Bionic Platinum Lifetime Member Last Online: Today 02:44 AM iTrader: (11) Join Date: Oct 2003 Posts: 1,089 DNF$: 475	the HTML is for visitors to copy and add a link to their site, having a big block of code to insert didn't look too good. I just used text-decoration:none, they can modify it themselves to fit their site. thanks all

11-09-2009, 02:53 AM	#7 (permalink)
domaingamer Platinum Lifetime Member Last Online: 11-12-2009 01:42 AM iTrader: (2) Join Date: Apr 2009 Posts: 26 DNF$: 10	Thanks for this thread, was always getting screwed up w/ a and a: hover. Much thanks! __________________ Morgantown Car Insurance Charleston West Virginia Auto Insurance Parkersburg Car Insurance

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode