Forums

3 row 1 column layout (13 posts)

  1. Zac
    Member
    Posted 7 years ago #

    Can someone point me in a direction where I can figure out how to do a 3 row 1 column layout. Ideally I would have the category links across the bottom of the header... if thats possible.. and if it is its probably over my noobie head :P
    anyways. .thanks for any tips!

  2. Mark (podz)
    Support Maven
    Posted 7 years ago #

    Look for Horizontal lists:
    http://css.maxdesign.com.au/listamatic/

  3. Zac
    Member
    Posted 7 years ago #

    Great! Thank you!

  4. BenDG
    Member
    Posted 7 years ago #

    Learn CSS! You basically want something along the lines of this blog of mine: http://stijlstek.nl/ which is powered by WP.

  5. Zac
    Member
    Posted 7 years ago #

    yea.. im trying.. and that looks nothing like what i want

  6. Zac
    Member
    Posted 7 years ago #

    That is a cool layout..but.. no . I actually want it to be a fixed height and you scroll sideways to see the posts. I actually can not find anything that looks like what i envision.

  7. Joshua Sigar
    Member
    Posted 7 years ago #

    Enclose all (post title, date, content, etc) into one container, say, .post. And then for CSS
    .post {
    float: left;
    width: 300px;
    }

    Say you set 5 post for front page then you'll have five-column content goes sideways (one column for one post).
    To fix the height, you need to fix the length of post. You could just display the excerpt of length, say, 200 words. You'd get that by having
    <?php the_excerpt_rss(200); ?>
    inside the loop

  8. Zac
    Member
    Posted 7 years ago #

    Thanks for the advice! I will give it a try.. I follow you until this part:
    <?php the_excerpt_rss(200); ?>
    but i am not sure that is relevant since i will be posting photos for the most part
    hopefully my puny brain can make sense of some of this
    Thanks again for helping!

  9. Joshua Sigar
    Member
    Posted 7 years ago #

    If you always have one and only one image per post, then my excerpt is indeed not relevant.

  10. Zac
    Member
    Posted 7 years ago #

    Thanks a lot.. I am much closer (but have a long ways to go):
    http://www.folkphotography.com/wp/
    Now changing the screen res from 1024 to 800 or shrinking your browser window screws it up and you are forced to scroll vertically.
    Should i make the rap a fixed height?
    i made the header a couple thousand pix to force the horizontal scrollbar.. that probably needs to be changed..

  11. Joshua Sigar
    Member
    Posted 7 years ago #

    Make the rap fixed-width, no?

  12. Zac
    Member
    Posted 7 years ago #

    Yes... I did do that .. right now height: 700px width 2000px ... there is still the problem with screen resolution affecting the layout

  13. BenDG
    Member
    Posted 7 years ago #

    You didn't explain very well what you wanted, at least I misunderstood you. If you want something that scrolls horizontally, have a look at http://www.csszengarden.com/?cssfile=/037/037.css&page=0

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.