/    Sign up×
Community /Pin to ProfileBookmark

Problems with Superscript within an ANCHOR

Copy linkTweet thisAlerts:
Feb 20.2007

I am wondering if you have any suggestions for a way to display a Superscript within an <A> tag without having the Anchor’s underline also superscripted.

Here’s what I have:

[code]
<a href=”#”>Brad is testing x+x<SUP>y+x+4</SUP> to calculate</A>
[/code]

What you will see on at least IE is that the Anchor underline actually breaks at the Superscript and underlines at the higher superscript text. It looks horrible.

The clients style prefers an underline, so I can’t remove the Anchor’s Text Decoration..

I have tried a couple of different things in CSS with Vertical-Align and Relative Positioning.

Any other ideas?

-Brad

to post a comment
HTML

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@felgallFeb 20.2007 — If you used the bottom border instead of the underline the it wouldn't get broken up by the superscript since the bottom border of the anchor is still in the same place even when the text is realigned.
×

Success!

Help @candelbc spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.11,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...