News v3.5

[ircsurfer]

I am working on a website and want to duplicate a news page simailar to http://www.savelakewood.com/blog/ I am trying to achieve 2 or 3 rows not just one. I have having trouble getting the loop to work right. Any help please

[snark]

Throw away the table layout and use divs instead, some puzzling with borders and stuff will let you create domething very similair

[ircsurfer]

Thats not the problem im having. The problem is with the php code for the loop, i can get it to display with divs, but i cannot figure out the php portion to display in say 2 rows

[tiggerific]

snoork is right. If you want to display multiple columns like that example page, wrap each news loop in a div and use css to make the div a set width and floated left. Each post will then "float" to the right of the previous post until it runs out of room, at which time it will then float to the next row.

If that's not the answer you're looking for, you might need to post a mockup of what you're trying to achieve.

[NorHei]

The problem is that you need a second display loop do create a 2 or 3 row layout, so you have to modify the output functions of the News Module.

A far more easy Solution would be to modify the Anynews Snipit and use it to display your Newspage.
As far as i know you can even create custom templates for it but i am not sure if it allows 2 colums by default.
there is a detailed help packed into the .package.

I remember seeing a css solution for such a 2 Row Problem :

Code:

<div style="width:400px;border:1px solid red">
<div style="width:180px;border:1px solid green;float:left">
    BLAdfs dsfl lkdjf lsdfj<br>
    sdfkjkdsf jfdsj ljdfs dsf<br>
    dsfsdfsdkjll lsdlfkjs ll
</div><div style="width:180px;border:1px solid green;float:left">
    BLAdfs dsfl lkdjf lsdfj<br>
    sdfkjkdsf jfdsj ljdfs dsf<br>
    dsfsdfsdkjll lsdlfkjs ll
</div><div style="width:180px;border:1px solid green;float:left">
    BLAdfs dsfl lkdjf lsdfj<br>
    sdfkjkdsf jfdsj ljdfs dsf<br>
    dsfsdfsdkjll lsdlfkjs ll
</div><div style="width:180px;border:1px solid green;float:left">
    BLAdfs dsfl lkdjf lsdfj<br>
    sdfkjkdsf jfdsj ljdfs dsf<br>
    dsfsdfsdkjll lsdlfkjs ll
</div><div style="width:180px;border:1px solid green;float:left">
    BLAdfs dsfl lkdjf lsdfj<br>
    sdfkjkdsf jfdsj ljdfs dsf<br>
    dsfsdfsdkjll lsdlfkjs ll
</div>
<div style="clear:both;"></div>
</div>

You have an outer Box whith fixed width , and some inner boxes whith slightly less than half of that width and all float left. Not sure if this functional on all browsers.

[snark]

Once again,

Throw away table elements in post header, post loop and post footer...

Then put in post loop

<div style="width:200px;height:300px; margin-right:0px;float:left;">[title][content][all other placeholders]</div>


Depending on the width of your contentdiv or table you will have 2or three columns....


As anyone Will know, change the style options to your needs or liking

Absolutely no need for àn extra loop

If you need à part of THE page to be three and ànother part to be two columns you should dive into THE possiblities of anynews (learn how to use the htt files within anynews, read the help file until you understand it)

[NorHei]

If you want it the table way there is nothing else but using 2 loops.

At least he needs a Box around all this and a "clear:all" at the end. Or he may run into lots of unexpected results depending on what template he is using . Whidth should be slightly less than half (third)
of that box to avoid any trouble whith certain browsers.