Results 1 to 2 of 2

Thread: Superscript in link

  1. #1
    Join Date
    Feb 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Superscript in link

    I have a document with a sup tag inside a link. This renders ok in Firefox ie the underline stays below the text line. However, in IE (6) and Netscape (7) the underline below the superscripted character is also superscripted. Looks a bit odd.

    Are there any CSS hacks to make this work for these less-compliant browsers?

    Cheers

    John

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,475
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    That is not what I am showing here. The underline is also superscripted in FF. What does your markup look like and do you have any style applied to it already? Anyways, the safest way to deal with this would be to make your markup like so:
    HTML Code:
    <a href="#">22</a><sup><a href="#">4</a></sup>
    With a style section entry of:
    Code:
    <style type="text/css">
    sup a{
    text-decoration:none;
    }
    </style>
    Then the superscripted links (written as shown) should all lack underlines for their superscripted parts in all browsers.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •