Heigh Issue betwen line and words

Discussion in 'CSS' started by mg_, Jan 22, 2008.

  1. #1
    Hello!
    I have a problem in my theme:
    When I put in content STRON FONT WORDS and then I make a free line (enter) and write with normal word it doesn't do the free line betwen STRONG WORDS and normal words.
    Like this:
    BLABLABLALBA
    BLABLABLABLA

    I want like this:
    BLABLABLA

    BLABLABLA

    You see what I'm talking about? Well this is also when I post a video or picture, try to look some post in on my Blog and you will see here or here. I think is something with the theme in height 150% or line_height, i don't know please help me.
     
    mg_, Jan 22, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hu-wha?

    Do you mean you like the way these words look (on the page you linked to):
    For full review and more info read on.

    Apple MacBook Air Technical Spec

    * 13.3 Display Size
    * 1.6 - 1.8 GHz Intel Core 2 Processor etc...

    They use this
    
    <p><strong>For full review and more info read on.</strong><span id="more-236"></span></p>
    <p><strong>Apple MacBook Air Technical Spec</strong></p>
    <ul>
    <li>13.3 Display Size</li>
    <li>1.6 - 1.8 GHz Intel Core 2 Processor</li>
    <li>1.3.3 widescreen LED 1280&#215;800 pixel</li>
    <li>2GB RAM integrated</li>
    <li>80GB HDD or 60GB SSD</li>
    
    <li>Optional external optical drive</li>
    <li>Integrated Intel Graphics</li>
    <li>5 hours of battery life with everything running</li>
    </ul>
    
    Code (markup):
    And likely have margins on either the p, the ul, or both.
     
    Stomme poes, Jan 22, 2008 IP
  3. mg_

    mg_ Peon

    Messages:
    438
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    no i dont like how it looks in this post, look betwen
    <p><strong>For full review and more info read on.</strong><span id="more-236"></span></p>
    <p><strong>Apple MacBook Air Technical Spec</strong></p>

    In writer i used like this
    <p><strong>For full review and more info read on.</strong><span id="more-236"></span></p>

    <p><strong>Apple MacBook Air Technical Spec</strong></p>

    And also check text before the video, it is to close to the video in height i don't like that
     
    mg_, Jan 22, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I don't know Writer, but yes your newlines in the code do NOT show up-- ever.

    There are two ways to make that show up: either wrap the area in <pre> tags-- they preserve all formatting you actually do while typing.

    A better idea though is to give a class to the top <p>
    <p class="morespace"><strong>For full review and more info read on.</strong><span id="more-236"></span></p>

    And in CSS say that any p's with a class of morespace have like I dunno 20px bottom margin and 1px padding to stop margin collapse:
    p.morespace {
    margin-bottom: 20px;
    padding: 1px;
    }

    What's happening now is NORMAL and it's the way it's supposed to be!
     
    Stomme poes, Jan 23, 2008 IP
  5. mg_

    mg_ Peon

    Messages:
    438
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I will try to do what you told me, tnx
     
    mg_, Jan 23, 2008 IP