Trying to fake a superscript but

it breaks in FireFox

[willybfriendly]

Ok, this little snippet works fine in Opera and IE, but breaks in FireFox 1.0.7

h1.header
{
font-size:3em;
padding-top:.5em;
padding-left:175px;
}

<h1 class="header">Site Name<span style="font-size:.2 em;vertical-align:top;">TM</span></h1>

FireFox does not recognize the span, displaying the "TM" in the same size as the site name!

Maybe it's too early in the morning, but I don't see anything obviously wrong here. Any help?

WBF

[4hero]

Hi,

Early morning work sucks, know how you feel..

Try this:

h1.header
{
font-size:3em;
padding-top:.5em;
padding-left:175px;
}

<h1 class="header">Site Name<span style="font-size:.2em;vertical-align:top;">TM</span></h1>

Notice any difference? .2 em shout be 2em. e.g. No spaces..

I'll let you off since its early ;)

[willybfriendly]

That would be it. Thanks a bunch. :)

WBF

[4hero]

no problem, have a nice day :)

[SilverLining]

Hi WBF. This works in Firefox and IE6:

<h1 class="header">Site Name<span style="font-size:20%; vertical-align: super;">TM</span></h1>

[bedlam]

Trying to fake a superscript but...

Possibly I'm dense, but why not do it this way:

<h1>Site Name <sup>TM</sup></h1>

...or, for that matter, this way:

<h1>Site Name &trade;</h1>

...or this way:

<h1>Site Name &#8482;</h1>

-b

[willybfriendly]

Possibly I'm dense, but why not do it this way:

Because I didn't like the way it looked ;)

Only reason I am even noting the trademark is due to an attorney being a part of the project. He, in normal attorney fashion (and with good arguments) wants every tm, inc., etc. duly noted in the proper place.

The tm notice in the footer (like here at WebmasterWorld) does not suffice for him, though there is a notice there too!

Geesh, you should see the "Purchase Policy" and "Terms of Use and Sales Agreement"

But, back to the point - There is already a TM in the logo, and I wanted the most minimal TM possible on the site heading, purely for esthetics.

WBF

[bedlam]

But, back to the point - There is already a TM in the logo, and I wanted the most minimal TM possible on the site heading, purely for esthetics.

Fair enough, but surely it'd be better to use the appropriate element--

<sup>

--and style that instead of a span?

-b