Adding an extra column for posts?

  • Hello,

    Firstly, I’m blonde and fairly new to CSS so forgive me for my ignorance!

    Basically, I want my layout to feature two columns for every post – with the left column featuring the date, author image and category, and the right featuring the actual post itself.

    Now, how would I go about doing this using div elements? I know how to do this using tables, but I would prefer to use solely div elements if that’s possible…? Also, using divs, how would the left column stay aligned with the right for every post?

    I hope that makes sense, and I’m hoping someone will be kind enough to show me how to do this!

    Thank youuuuuuuuu, Anna xxx

Viewing 4 replies - 1 through 4 (of 4 total)

  • Something like this for your coding your php file:

    <div id="post-info">
  Date, Authour image etc goes in here
</div>
<div id="post-content">
  Put your post content here
</div>
<div style="clear: both;"></div>

    and the CSS for this would be (assuming your page is 800px wide):

    #post-info {
  width: 280px;
  float: left;
  margin-right: 20px;
}
#post-content {
  width: 500px;
  float: left;
}
    Thread Starter annajane89

    (@annajane89)

    thank you, equaldesign ?? xxx

    How do you go about taking a single page and making it a 2 column page……

    https://fashiondevelopmentgroup.com

    I would like to make the page called SERVICES into 2 columns— HELP!

    Thanks

    Sheryl

    This is the closest to a decent result i can get.
    I wanted to have 2 column in a pageofpost template but it was impossible.

    Then I tried the index

    Can I add img max witdt inside this

    #post-info {
  width: 300px;
  float: left;

}
#post-content {
  width: 300px;

  float: left;

}

    and how can I make space between the columns?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding an extra column for posts?’ is closed to new replies.