Wordpress Help - 2 Columns Of Posts - GoFuckYourself.com

Scotty.T · 03-21-2010, 11:01 AM

Anybody played about with their WP theme and got it to display 2 columns(or more) of posts with posts running horizontally sequentially but with a fluid post length?

With a fluid post length, the sequence gets screwed up and there's a lot of white screen which makes it look shit.

I can get it to work if I have a fixed post length but that's not ideal. Just wondered if anyone's done it, or if it's even possible

fris · 03-21-2010, 11:09 AM

this is more of a css issue than a wordpress one, you probably want to take advantage of grids.

http://www.frogsthemes.com/portfolio...ess/foliogrid/

http://www.blogohblog.com/wordpress-theme-clearpress/

fris · 03-21-2010, 11:17 AM

might want to check out this

http://desandro.com/resources/jquery-masonry/

Quote:

jQuery Masonry is a layout plugin for jQuery. Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Masonry will work with all structural elements: div’s, lists, p’s, spans.

There are no setting or options within in the plugin. Instead, all spacing properties can be set with CSS. The only property required for Masonry to work is for the width of the child elements. Child elements should be should have equal width in order to avoid any overlapping.

Scotty.T · 03-21-2010, 11:18 AM

Ah now that looks like what I am after. Thanks fris.

I have a lot of your posts bookmarked for reference but I must have missed this one when I was looking through them again. I know I've seen you post the folio stuff before.

Angry Jew Cat - Banned for Life · 03-21-2010, 12:48 PM

just nest fixed width divs, at half the width of the containing div, and align them all left?

Scotty.T · 03-21-2010, 02:05 PM

Quote:

Originally Posted by Angry Jew Cat

just nest fixed width divs, at half the width of the containing div, and align them all left?

I think that's what the different solutions I've tried does.

Problem comes when posts are different lengths - the post after the 'long post' starts on the column it's supposed to but it's starting point is level with the end of the 'long post' which means there is a huge gap between the post above and this new post. If you see what I mean.

I think I can get a solution from what fris posted.

MediaGuy · 03-21-2010, 02:11 PM

Quote:

Originally Posted by Scotty.T

I think that's what the different solutions I've tried does.

Problem comes when posts are different lengths - the post after the 'long post' starts on the column it's supposed to but it's starting point is level with the end of the 'long post' which means there is a huge gap between the post above and this new post. If you see what I mean.

I think I can get a solution from what fris posted.

CSS issue.
try:

div style display: inline

or do a clear: right

Just a suggestion without actually having seen the thing...

:D

fatfoo · 03-21-2010, 02:27 PM

2 columns - that's interesting. It would make it look more like a newspaper of some kind.

Scotty.T · 03-22-2010, 02:32 AM

Quote:

Originally Posted by MediaGuy

CSS issue.
try:

div style display: inline

or do a clear: right

Just a suggestion without actually having seen the thing...

:D

I'll have to read up on that first and give it a try

I'm crap at this

Thanks.

Pandoras · 03-22-2010, 05:14 AM

we never try this before , looks interesting

Angry Jew Cat - Banned for Life · 03-22-2010, 05:51 AM

Quote:

Originally Posted by Scotty.T

I think that's what the different solutions I've tried does.

Problem comes when posts are different lengths - the post after the 'long post' starts on the column it's supposed to but it's starting point is level with the end of the 'long post' which means there is a huge gap between the post above and this new post. If you see what I mean.

I think I can get a solution from what fris posted.

I just set a fixed height also, and on the main listings page use an excerpt as opposed to the full post. Keep the height issue at bay.

03-21-2010, 11:01 AM	#1
Scotty.T Confirmed User Join Date: Nov 2004 Location: Scotland Posts: 1,062	Wordpress Help - 2 Columns Of Posts Anybody played about with their WP theme and got it to display 2 columns(or more) of posts with posts running horizontally sequentially but with a fluid post length? With a fluid post length, the sequence gets screwed up and there's a lot of white screen which makes it look shit. I can get it to work if I have a fixed post length but that's not ideal. Just wondered if anyone's done it, or if it's even possible __________________ .

03-21-2010, 11:09 AM	#2
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,262	this is more of a css issue than a wordpress one, you probably want to take advantage of grids. http://www.frogsthemes.com/portfolio...ess/foliogrid/ http://www.blogohblog.com/wordpress-theme-clearpress/ __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

03-21-2010, 11:18 AM	#4
Scotty.T Confirmed User Join Date: Nov 2004 Location: Scotland Posts: 1,062	Ah now that looks like what I am after. Thanks fris. I have a lot of your posts bookmarked for reference but I must have missed this one when I was looking through them again. I know I've seen you post the folio stuff before. __________________ . Last edited by Scotty.T; 03-21-2010 at 11:19 AM..

03-21-2010, 02:27 PM	#8
fatfoo ICQ:649699063 Industry Role: Join Date: Mar 2003 Posts: 27,763	2 columns - that's interesting. It would make it look more like a newspaper of some kind. __________________ Send me an email: [email protected]

03-22-2010, 05:14 AM	#10
Pandoras Confirmed User Join Date: Aug 2008 Location: ICQ : 449-718-239 Posts: 8,447	we never try this before , looks interesting __________________ Find the right product for the right traffic only at TeenRevenue.com If you dont covert with TeenRevenue with your TeenTraffic within 24 hours of adding our links WE WILL CREDIT YOUR ACCOUNT !!! Sigh up for for more detials and find out more

03-21-2010, 12:48 PM	#5
Angry Jew Cat - Banned for Life (felis madjewicus) Industry Role: Join Date: Jul 2006 Location: In Mom & Dad's Basement Posts: 20,368	just nest fixed width divs, at half the width of the containing div, and align them all left?