Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Jul 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How do I make a small line break - with less space between the lines

    How do I make a small line break, with less that a whole line skipped between lines? In other words, less white space between the lines?

  • #2
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You might be able to do it like this, but I'm not too sure about it...
    Code:
    br.small {
    line-height: 5px;
    }
    
    .....
    
    texty text
    <br class="small" />
    more texty text

  • #3
    New Coder
    Join Date
    Jul 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts

    small line break

    Sorry, I couldn't get that to work. Where in my html would I put:

    br.small {
    line-height: 5px;
    }

    Thanks for your help.

  • #4
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Between the head tags:
    Code:
    <style type="text/css">
    br.small {
    line-height: 5px;
    }
    Between the body tags:
    Code:
    texty text
    <br class="small" />
    more texty text
    Again, I'm not completely sure if it works, so please post back .

  • #5
    New Coder
    Join Date
    Jul 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts

    small line break

    I tried it, and it looks like it makes the usual sized line break. Thanks anyway.

  • #6
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Perhaps try height instead of line-height...

  • #7
    New Coder
    Join Date
    Jul 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts

    small break

    Tried that too. No difference. Thanks anyway.

  • #8
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry .

  • #9
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Try this:
    <style type="text/css">

    .small {
    line-height:100%;
    }
    </style>
    .
    .
    .
    .

    <br class="small">
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #10
    New Coder
    Join Date
    Jul 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That did not work. Thanks anyway.

  • #11
    Regular Coder
    Join Date
    May 2004
    Location
    Berkeley, California Age: 15
    Posts
    398
    Thanks
    0
    Thanked 0 Times in 0 Posts
    mm the mysterious <br> element.

    try <br style="padding: 5px"> or <br style="margin: 5px">...those might work
    Jalenack.com .:. YWDA Founder .:. Rounded Corners Maker 1.1! .:. My Blog
    The hardest thing about teaching is not knowing the right answers, but knowing the right questions - Elisabeth Klein
    Pretty buttons does not a great website make.

  • #12
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts

  • #13
    New Coder
    Join Date
    Jul 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for all your responses.

  • #14
    New to the CF scene
    Join Date
    Aug 2011
    Location
    NJ
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i used this

    <div style="margin: 0px; padding:0px; clear: both; height: 6px">
    &nbsp;
    </div>

  • #15
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    I think I got it

    I think you are using a paragraph break <p/> instead of a line break <br/> none of what they suggested will work if your are using a paragraph break wich happens when you hit the Return key on your keyboard. If you want to avoid this type shift-return next time you want to add one line of vertical space.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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