SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot p2ranger's Avatar
    Join Date
    Jan 2001
    Location
    Colorado, USA
    Posts
    149
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Underline problem

    I have an abbreviation that I do not want to have the line going under it.

    here is what I want. It is a cattle brand bar P crazy S

    __
    P2

    I am using style sheets to put a line above it. I want to use the abbr tag to tell what it stands for. Unfortunately I can't get the line out from under it when Using the abbr tag. Is there a way to turn off the line used for the abbr tag? I tried doing text-decoration: none and the line is still there. I am currently doing this.

    Code:
    .p2{text-decoration: overline}
    .
    .
    .
    <a title="Philmont" href="weather.php">
    <span class="p2">P2</span></a>
    <a href="weather.php"> Weather</a>
    I would prefer the HTML to be like this:
    Code:
    <a href="weather.php"><span class="p2">
    <abbr title="Philmont">P2</abbr></span>
     Weather</a>
    Its no problem that there is an underline with the a href tag, but the abbr tag adds an additional line underneath the other one.

    No big deal, just wondering if it can be done.

    Thanks
    Jason
    ><>
    My home: http://anvilgear.com
    Backpacker/Mountian Biker/Computer Geek Extraordinaire
    "Do what you love and love what you do, anything else is just some form of slavery" - Royal Robbins

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    This worked for me:
    Code:
    <!--straight from HTML-Kit-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <style type="text/css">
    <!--
    .p2 {text-decoration: overline;}
    abbr{text-decoration:none;}
    a{text-decoration:none;}
    -->
    </style>
    
    </head>
    <body>
    <a href="weather.php"><span class="p2">
    <abbr title="Philmont">P2</abbr></span>
     Weather</a>
    </body>
    </html>
    Nothing shows except the overline.

    --Vinnie

  3. #3
    SitePoint Zealot p2ranger's Avatar
    Join Date
    Jan 2001
    Location
    Colorado, USA
    Posts
    149
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dang browser inconsistantcies (sp?)

    That works right in IE and Opera but not in the mozilla flavors (Mozilla, Netscape, Pheonix) IE doesn't show a tooltip like the others do though.

    Is this a Gecko bug ?

    Thanks

    Jason
    ><>
    My home: http://anvilgear.com
    Backpacker/Mountian Biker/Computer Geek Extraordinaire
    "Do what you love and love what you do, anything else is just some form of slavery" - Royal Robbins

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    I see what you mean. Why not just get rid of the <abbr> tag? Just style everything for that span class. It's not 100% standards (for Semantic web anyway), but it's what works.

    --Vinnie

  5. #5
    SitePoint Zealot p2ranger's Avatar
    Join Date
    Jan 2001
    Location
    Colorado, USA
    Posts
    149
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, you're right. Go with the method that works. I was just trying to do it by the standards. No big deal though.

    I did submit a bug report to mozilla

    Just in case you are curious, it's not a bug in mozilla and here is the response I got about it from bugzilla

    The style applied to abbr is not an underline, but a border-bottom. To get rid
    of it, add the following style:

    abbr{border-bottom:none;}
    Thanks

    Jason
    ><>
    Last edited by p2ranger; Nov 15, 2002 at 20:34.
    My home: http://anvilgear.com
    Backpacker/Mountian Biker/Computer Geek Extraordinaire
    "Do what you love and love what you do, anything else is just some form of slavery" - Royal Robbins


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
  •