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
    Join Date
    Feb 2004
    Member #
    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:

    <p>Posted by <strong><$BlogItemAuthorNickname$></strong> @ <strong><$BlogItemDateTime$></strong> on <strong><BlogDateHeader><$BlogDateHeaderDate$></strong></BlogDateHeader></p>
    <p><a href="<$BlogItemPermalinkURL$>">
    (<$BlogItemCommentCount$>) comments</p>
    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


  3. #2
    Join Date
    Aug 2004
    Member #
    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
    Richmond, Virginia
    Member #
    Just to be more specific:

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

  5. #4
    Join Date
    Feb 2004
    Member #
    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 01:07 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: