Seperate Column For EACH Category

  • withnail

    (@withnail)


    17 years, 7 months ago

    Welcome to all of you

    I have a “little” problem witch separating each category to different column. Here is how I would like it to look like:

    Main page, on the left sidebar, on the right -> main content -> three columns, each of them different category (there won’t be any more categories so I don’t worry about css)

    I have to do some coding, so each column-div (made by me in index.php) will contain one category (and all the posts form this category).

    If you have a minute…

    Thanks!

Viewing 1 replies (of 1 total)
  • jberghem

    (@jberghem)

    17 years, 7 months ago

    Create three loops on your page one for each category Give each loop a different ID then in the CSS give each one a 3rd of the width and float the first 2 to the left & right and the last one will be in the middle
    XHTML

    <div id="container">
<div id="category1"> First loop for category 1 </div>
<div id="category3"> third loop for category 3 </div>
<div id="category2"> second loop for category 2 </div>
</div>

    CSS

    #container { width: 300px; }
#category1 { width: 100px; float: left; }
#category3 { width: 100px; float: right; }
#category2 { width: 100px; }

    How to create more than one loop is described under Docs in this article

Viewing 1 replies (of 1 total)

The topic ‘Seperate Column For EACH Category’ is closed to new replies.