The forums have permanently moved to forum.kirupa.com. This forum will be kept around in read-only mode for archival purposes. To learn how to continue using your existing account on the new forums, check out this thread.


Results 1 to 11 of 11

Thread: can you make the <u> line bigger?

  1. #1
    71
    posts
    Registered User

    can you make the <u> line bigger?

    How can I make it bigger, if it's possible? It looks weird to have

    <h2><u>this and that<u></h2> because the underline is so small

  2. #2
    use a border. i don't remember specifics offhand, but you might have to put it into a span like <h2><span>this and that</span></h2>

  3. #3
    <h2><span style="border-bottom:3px solid;">this and that</span></h2>

  4. #4
    Just thought. You may want to creat a css style

    Code:
    <style type="text/css">
    #underline{
    border-bottom:3px solid;
    }
    </style>
    Then whenever you want to underline something use

    Code:
    <span id="underline">this and that</span>

  5. #5
    4,029
    posts
    home cooking is killing the restaurant industry
    better yet:

    HTML Code:
    <h2><u>foo</u></h2>
    HTML Code:
    <style type="text/css">
    h2 u {
    text-decoration: none;
    border-bottom: 3px solid;
    }
    </style>
    There are only 10 kinds of people in this world:
    Those that might know ternary, those that do, and those that don't
    Say NO to DRM.

  6. #6
    I agree.

  7. #7
    Even still:

    HTML Code:
    <h2 class="underline">foo</h2>
    HTML Code:
    <style type="text/css"> 
    h2.underline {
         border-bottom: 3px solid; 
    } 
    </style>
    <u> == deprecated.
    Build a man a fire and he is warm for a day.
    Set a man on fire and he is warm for the rest of his life.

  8. #8
    71
    posts
    Registered User
    wow, thanks everyone o_o I'm new to css and not too sure on what's do-able and what's not... I've been wanting to build a DDR website for locals to check out on events and stuff, but ugh >_<

    thanks for the great help though!

  9. #9
    I would recommend using a class. That way you don't get any inadvertent line breaks if you want to put the underline inline.

    In fact, I would do it like this:
    HTML Code:
    <h2><span class="underline">foo</span></h2>
    HTML Code:
    <style type="text/css">
    .underline { border-bottom: 3px solid; }
    </style>
    ...what a strange sentence
    Last edited by morse; March 18th, 2006 at 03:50 AM.

  10. #10
    71
    posts
    Registered User
    wait um, what's span exactly? I kinda assumed you'd just go <style class... ect> >_<

  11. #11
    Span is just a tag that groups inline elements in a document. It's perfect for what everyone's been sugesting here for using a class to underline various elements in your page.

    If you have the class "underline" then you can use it on multiple elements...

    HTML Code:
    <style type="text/css">
    .underline{ border-bottom: 3px solid; }
    .red{ color: #900; }
    </style>
    So now you can use the class on any element.

    HTML Code:
    <h2 class="underline">Heading</h2>
    <p>
    This sample is only <span class="underline">underlined</span>. While this sample is <span class="underline red">underlined and has red text</span>.
    </p>
    <p class="underline">All of this is underlined.</p>
    You get the idea. It's nice to have a few classes that are general enough that you can use them as needed. If you know you're only going to underline text in a specific HTML tag then it may make more sense to do something like:

    HTML Code:
    <style type="text/css">
    h2{ border-bottom: 3px solid; }
    </style>
    Or

    HTML Code:
    <style type="text/css">
    h2.underline{ border-bottom: 3px solid; }
    </style>
    Γνώθι Σεαυτόν

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Home About kirupa.com Meet the Moderators Advertise

 Link to Us

 Credits

Copyright 1999 - 2012