News Module Article overview in columns

[davidjon]

Hi Guys,

I was wondering, is it possible to make an overview of all my news articles in columns.

I saw something similar on this forum but they wanted something different.

My idea is to have the articles in blocks like this

1. article 2. article 3. article
4. article 5. article

and so on.

If the heights stay the same it's easy to fix with float positioning. However when the heights vary it messes it up. There might also just be a CSS solution. But maybe someone can help me out.

tnx

David Jon

[Zoorlat]

The ideal solution is to only use CSS, by applying the CSS3 module "columns". (http://www.w3.org/TR/css3-multicol/) However, this is not very well supported yet, and will not work on most browsers.

An alterantive approach that has been kind of popular is to use javascript so split a text string into multimple, equal sized strings, that can be positioned in columns. (http://13thparallel.org/archive/column-script/).

Or you could use jQuery (http://codeasily.com/jquery/multi-column-list-with-jquery) in case you are using that already on your site.

I suppose this could also be done with php.

Another solution could be to make all your news articles more or less the same hight, by truncating the text shown in the overview. This is very simple, just use the smarty variable modifier "truncate" in your news template (http://www.smarty.net/manual/en/language.modifier.truncate.php).

Hope these suggestions get you on the right track.
Cheers

[davidjon]

He thanks for the response.

due to time, i think im just gonna go with transcute method. I already explained them that its important to have an equal height otherwise it would be messed up. I think that with transcute it would work fine...visitors will get teased to click further.

tnx mate