Underline problem with Superscript

[mhamilton3]

Hello all,
I am trying to do something simple, that does not appear simple. I have a link that I need underlined. It is a normal link with a super script. The underline for the superscript follows the character that is super scripted. I would like the underline to remain in line with the rest of the text. Does anyone have any idea how to do it?

My link is as follows

<a href="#">Registered^&#174; item</a>

 

[sysadmin42]

Try

<a href="#">Registered<sup style="text-decoration:none; ">&#174;</sup> item</a>

You could also redefine the element in CSS:

sup { text-decoration: none; } //and any other formatting you want, font-size, color, etc.

//or in a class
.alternate_sup { text-decoration: none; }

//used by

...<sup class="alternate_sup">&#174</sup>

 

[mhamilton3]

Thank you very much for the suggestion, I will give it a try.

 

[ChrisHunt]

This is a way to fiddle it, though it won't work well if the link has a line break in it:

<a href="#" style="text-decoration:none; border-bottom: 1px solid;">Registered<sup>&#174;</sup> item</a>

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[mhamilton3]

Thank you for your suggestions. Neither suggestion worked as I need it to. ChrisHunt, when implementing your suggestion, it looked the same that it did when I did not put a style on it. When implementing sysadmin43's suggestion I ended up having the first word underlined, the Registered symbol not underlined, and the second word underlined again. I am beginning to wonder if I have to make an image to get this correct. I am willing to try any other suggestions. I need to have the entire line underlined.

 

[Vragabond]

What browser are you using? Chris' solution works for me in IE6 and FF.

 

[mhamilton3]

I am using Both IE6 and FF. I tried implementing the solution in a template that I am working on and the sytle sheet must be goofing something up. You are correct Vragabond, when I take Chris' line as he typed it and put it on a generic HTML page, it works fine. At least I have a direction now, thanks.

 

[jstreich]

You could turn off the original underline, and then use border-bottom to force an "underline" that is all on the base line.

[plug=shameless]

http://game-master.us/phpx-3.4.0/

[/plug]

 

[mhamilton3]

Great suggestion, thanks

 

[Vragabond]

????

Isn't that what Chris suggested a couple of posts above?

 

[mhamilton3]

Yes, but I am thick and did not do the 'turn off the orginal underline' piece.