Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Member
    Join Date
    Feb 2004
    Posts
    76
    Member #
    4909
    I'm having a bit of trouble formating the text of my blog. I could fix the problem by hard coding the size of the text instead of using CSS but this would defeat the purpouse of using CSS in the first place.

    If you have a look here you will notice there is a dirty grat big gap between the 'title' of the post and the 'posted by' line.

    The problem is that I can't get rid of this ugly (IMHO anyway) gap, I want to format my posts so that it looks something like the posts here where there is the post title then directly below is the date commets (in my case this would be the by line, time and date of posting).

    I have formated the title of the blog with a h3 tag which is defined in the style sheet, and the rest are defined with the P tags.

    This is the code I'm using for the blog:

    <Blogger>
    <BlogItemTitle><h3><$BlogItemTitle$></h3></BlogItemTitle>
    <p>Posted by <strong><$BlogItemAuthorNickname$></strong> @ <strong><$BlogItemDateTime$></strong> on <strong><BlogDateHeader><$BlogDateHeaderDate$></strong></BlogDateHeader></p>
    <p><$BlogItemBody$></p>
    <MainOrArchivePage>
    <BlogItemCommentsEnabled>
    <p><a href="<$BlogItemPermalinkURL$>">
    (<$BlogItemCommentCount$>) comments</p>
    </a>
    </BlogItemCommentsEnabled>
    </MainOrArchivePage>
    </Blogger>
    And these are the rules in the style sheet:

    p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    }

    ...

    h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    Any ideas, tips, help, fixes are appreciated. Cheers

  2.  

  3. #2
    Member
    Join Date
    Aug 2004
    Location
    Ohio
    Posts
    47
    Member #
    7210
    The browsers are applying margins to h3 and p by default. Give them a "margin:0px" in the css to start out, then tweak until you've got the right spacing.

  4. #3
    Senior Member Fallout's Avatar
    Join Date
    Aug 2003
    Location
    Richmond, Virginia
    Posts
    543
    Member #
    2748
    Just to be more specific:

    Code:
    h3 { margin-bottom: 0px; }
    See how that looks and then add a few px to get it spaced the correct way.

  5. #4
    Member
    Join Date
    Feb 2004
    Posts
    76
    Member #
    4909
    Cheers Usurper & Fallout, I figured out the margin-bottom rule when margin didn't work, don't I feel smart :P

    Problem solved


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:32 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com