|
|
Posted by Neredbojias on 11/02/05 23:14
With neither quill nor qualm, bernhard quothed:
> Hey,
>
> I try to to underline a <h4> header, which contains also superscripted
> text:
> <h4>product-name<sup>®</sup></h4>
> with this css:
> h4 { text-decoration: underline; }
>
> This works fine in Firefox, but in IE and Opera, the text decoration
> gets
> also superscripted, which looks very odd. For a better appearance, I
> tried
> to switch off underlining for the superscripted portion and added to
> the css
> h4 sup { text-decoration: none; }
>
> This does not help, the superscripted portion appears still underlined
> in
> all 3 browsers.
>
> Any idea?
Instead of <sup>, span the ® and use line-height and vertical-align
with font-size-adjust. (Untried regarding underline, though.)
--
Neredbojias
Contrary to popular belief, it is believable.
Navigation:
[Reply to this message]
|