Everybody! This is important. In a few days, these forums will be moving over to using the totally sweet Discourse platform. To ensure this migration happens smoothly with no loss of content, these forums are currently in a read-only mode. I do apologize for the inconvenience.

There is never a good time to turn the forums off for an extended period of time, but I promise the new forums will be a billion times better. I'm pretty sure of it.

See you all on the other side in a few days, and if you have any (non-technical) questions, please e-mail me at kirupa@kirupa.com. For technical questions, try to find a tutorial that corresponds to what you are looking for and post in the comments section of that page.

Cheers,
Kirupa

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