Link underline on "Registered" Symbol
- Thread starter anna
- Start date
anna
New Member
Thank you for the tip- I am familiar with the text decoration property but it's not what I am looking for. Here is a shot with no rules applied:
Here is a shot with the text-decoration declared:
Here is a shot of what I am trying to do:
I can always just add the registered symbol and NOT superscript it, but I'd rather do that as a last resort.
Thank you again for your help, darrenfox, do you have any other suggestions?
Here is a shot with the text-decoration declared:
Here is a shot of what I am trying to do:
I can always just add the registered symbol and NOT superscript it, but I'd rather do that as a last resort.
Thank you again for your help, darrenfox, do you have any other suggestions?
How do you have the registered symbol coded now? ® or <sup>®</sup>
Hi Anna, what browser gave you the results with the line right under the reg symbol? I could not get that result.
This code works the way you want in IE8, FF3.5, Chrome, Safari 4, and Opera 10
CSS
HTML
This code works the way you want in IE8, FF3.5, Chrome, Safari 4, and Opera 10
CSS
Code:
a {
font:bold 10pt Arial, Helvetica, sans-serif;
color:#555;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}HTML
HTML:
<a href="">Link<sup>®</sup></a>Because what ever is inside the <a> tag is going to be underlined, the browser just recognizes the <sup> and shrinks the decoration on it too.
This is a bit of a cheat, but it gives you what you're looking for.
<div style="border-bottom: solid 1px #000; width:1px; white-space:nowrap;"><a href="#" style="text-decoration:none;">TruTOF<sup>®</sup>HT GC-TOFMS</a></div>
I hope that helps.
This is a bit of a cheat, but it gives you what you're looking for.
<div style="border-bottom: solid 1px #000; width:1px; white-space:nowrap;"><a href="#" style="text-decoration:none;">TruTOF<sup>®</sup>HT GC-TOFMS</a></div>
I hope that helps.
No offense but having to wrap a div around each link seems a bit excessive.