arrange images in a layout

  • Unknown's avatar
    thedhaus · Member ·

    hi there!

    i really need to find out how to arrange images in posts, which arrange differently depending on the image dimensions.

    i want to do something similar to this: http://www.nineteeneightythree.com/

    does anyone know how to do this?

    thanks in advance for your help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    panaghiotisadam · Member ·

    We can’t give you a reply that would work for all cases: it depends on the size of each image, the width and the CSS defaults of the theme you’re using, and the specific arrangement you want. For the example you linked to, you’d need a table, with the first image spanning two columns and the third one spanning two rows. The general coding would be this: 

    <table>
<tr><td colspan="2">IMAGE1CODE</td></tr>
<tr><td>IMAGE2CODE</td><td rowspan="2">IMAGE3CODE</td></tr>
<tr><td>IMAGE4CODE</td></tr>
</table>

    Plus additional commands to control the space between the images.

    But before you learn any of this, you need to go to Settings>Reading and limit the number of posts per page to only a couple or so, and/or use the read-more tag to truncate your posts.
    http://en.support.wordpress.com/splitting-content/more-tag/
    You’ve got too many images on your front page so it takes too long to load. For visitors with a slow connection, the browser may even time out before loading all the images and the result will be nice grey lines or empty squares instead of your images.

  • The topic ‘arrange images in a layout’ is closed to new replies.