GoFuckYourself.com - Adult Webmaster Forum - Wordpress Help

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - Wordpress Help - 2 Columns Of Posts (https://gfy.com/showthread.php?t=959501)

Scotty.T

03-21-2010 11:01 AM

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

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://i39.tinypic.com/aayvld.jpg

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

http://i41.tinypic.com/qzhiyb.jpg

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 (Post 16965106)

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 (Post 16965214)

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 (Post 16965226)

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 (Post 16965214)

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.

All times are GMT -7. The time now is 03:42 PM.