Tue, 2009-12-29 23:52
My webpages include several anchors that have superscripted text in the labels:
My question is relatively simple:
Is there a way (preferrably using CSS) to cause the default underlining of the superscripted text to remain in alignment with the underlining of the adjacent normal text, instead of following the superscripted text upwards the half line?
So far, using text-align:super or the HTML sup tags result in the same jog in the underline. I can supress the underline altogether, but haven't been able to figure out how to get the underline to stay on the baseline of normal text.
Any suggestions?
TIA
Bobzilla
Wed, 2009-12-30 00:48
#1
Try using a doctype.
Try using a doctype.
Wed, 2009-12-30 01:44
#2
Thanks for the reply, and the
Thanks for the reply, and the suggestion Verschwindende.
Currently, the doctype declaration is transitional, however I do not understand how that could affect my problem.
Can you explain a bit, please?
Wed, 2009-12-30 01:49
#3
The only way I was able to
The only way I was able to duplicate your issue was to put IE into quirks mode by removing the doctype. IE was also the only browser to have this issue in quirks mode.
Can you show either a link to the page with this issue or the source code (all of it, not just snippets). Perhaps you have an XML prolog or an incomplete doctype.
Fri, 2010-01-01 21:29
#4
Hi Versch, here is the code,
Hi Versch, here is the code, and how it acts...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <style type="text/css"> .no_ul {text-decoration:none;} </style> </head> <body> <p><a href="7pop.html">More 7<sup>th</sup> Path™ Info</a></P> <p><a href="7pop.html">More 7<sup class="no_ul">th</sup> Path™ Info</a></P> </body> </html>
Fri, 2010-01-01 22:21
#5
not tested: remove the
not tested: remove the text-decoration on the entire anchor and replace it with a border-bottom
Sat, 2010-01-02 01:26
#6
Bobzilla wrote: Hi Versch,
Bobzilla wrote:
Hi Versch, here is the code, and how it acts...
This produces the following result:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> </head> <body> <p><a href="7pop.html">More 7<sup>th</sup> Path™ Info</a></P> <p><a href="7pop.html">More 7<sup class="no_ul">th</sup> Path™ Info</a></P> </body> </html>
Is that not what you want?
Sat, 2010-01-02 01:32
#7
Here is what occurs when I
Here is what occurs when I remove the doctype:
The reason this happens is that a page without a complete doctype is rendered in quirks mode in IE.
Sat, 2010-01-02 04:48
#8
Bobzilla, you appear to be
Bobzilla, you appear to be using a complete doctype. Do you have anything preceding it (which would throw IE into quirks mode)?
Sat, 2010-01-02 12:28
#9
WHAT BLOODY BROWSER ARE WE
WHAT BLOODY BROWSER ARE WE TALKING ABOUT!
Anyone would think there was only one! anyone would think that stating IE covered things, IE is not a browser it is a reference to a group of browsers each acting quite differently from the last. If we are referring to IE6 then your out of luck, follow Wolfies best advice earlier and border-bottom it.