Images not aligned in 2 column layout (horizontal).

Viewing 3 replies - 1 through 3 (of 3 total)
  • Xam 1.0

    (@xam-10)

    12 years, 8 months ago

    You probably need to set fixed height for your ‘column’ and set overflow to hidden.

    .column{
	float: left;
	position: relative;
	width: 350px;
        height: 500px; ///(or whatever)////
        overflow: hidden;
}

    Thread Starter mfux

    (@mfux)

    12 years, 8 months ago

    Thanks for the help, however I am looking for something a little more automated – I don’t want to have to change the code each time I make an excerpt longer than the 500px limit, for example, would allow.

    I am looking for a solution similar to this: http://www.premiumpixels.com/

    Where a post-row is created for each row of 2 elements.

    Michael

    (@alchymyth)

    12 years, 8 months ago

    you need to re-write the code of that template.

    at the moment, it is broken into two sections, dropping the even posts into the first column, then rewinding the posts, and dropping the odd posts into the second column.

    you will also need to create new css classes to style the ‘row of two posts’ idea.

    without seeing what you have so far, and how the existing formatting/css is applied, this is too much guessing.

    can you post a link to your site?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Images not aligned in 2 column layout (horizontal).’ is closed to new replies.