Please help me with html design

Discussion in 'HTML & Website Design' started by tips2berich, Sep 12, 2007.

Thread Status:
Not open for further replies.
  1. #1
    I hope I am talking this topic in the right forum.. I have my blog on blogger (blogspot) and I am using a 3 column template. The issue I am facing is that there is always a gap (around 2-3 lines) between the title of the post and the post body. Could someone please help me with removing this extra space since it seems to be wasting a lots of space on my blog.. Thanks for your help in advance..
     
    tips2berich, Sep 12, 2007 IP
  2. the Patrician

    the Patrician Well-Known Member

    Messages:
    253
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Invariably blog templates are written with CSS to format. You will need to find the line in your CSS code and change the number of carriage returns <br> between title and body.

    or...

    If you cannot find where it is formatted in the CSS, there is the old fashioned hand coding fix of editing each post in the HTML section (rather than the VIEW section) of your editor. It takes way too long if you have a big site but it is better than nothing if plan #1 doesn't work.

    Good Luck!
     
    the Patrician, Sep 12, 2007 IP
  3. tips2berich

    tips2berich Guest

    Messages:
    327
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for the info Patrician. However, I am not able to find the carriage returns in the CSS for my blog. However, as far as the second solution is concerned, I would also not be able to do that since I have to put the post in the text box an d do not have the flexibility to reduce the space.
     
    tips2berich, Sep 12, 2007 IP
  4. sirion

    sirion Peon

    Messages:
    165
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    What's the URL of your site, then we could take a look at it and tell you exactly what's causing the extra spacing. Extra line breaks are not the only possibility. You could also have margins or padding set too high for the post or entry title.
     
    sirion, Sep 13, 2007 IP
  5. tips2berich

    tips2berich Guest

    Messages:
    327
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hi Sirion - My website is in my signature. Thanks for your help please.
     
    tips2berich, Sep 23, 2007 IP
  6. Subliminal

    Subliminal Active Member

    Messages:
    322
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #6
    You might want to take a look to line-height:1.5em; on the following code
    Try decreasing it a bit

    
    .post h3 {
      margin:0;
      line-height:1.5em;
      background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;
      display:block;
      border:1px dotted #bbbbbb;
      border-width:0 1px 1px;
      padding:2px 14px 2px 29px;
      color: #333333;
      font: normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif;
      }
    
    Code (markup):
     
    Subliminal, Sep 30, 2007 IP
  7. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #7
    Why would you declare display:block on an element that's block-level by default?
     
    soulscratch, Sep 30, 2007 IP
Thread Status:
Not open for further replies.