Laying Out Photos x 3 columns

3 posts by 3 authors in: Forums > CMS Builder
Last Post: April 21, 2009   (RSS)

By benedict - April 20, 2009

Hi guys,

I'm using the standard code to layout profile photos in a 3 column layout so they wrap down to the next line:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php foreach ($our_peopleprincipalRecords as $record): ?>
<?php foreach ($record['headshot'] as $upload): ?>
<td class="people"><a href="<?php echo $record['_link'] ?>"><img src="<?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" alt="" /></a></td>
<?php $maxCols=3; if (@++$count % $maxCols == 0): ?>
</tr>
<tr>
<?php endif ?>
<?php endforeach ?>
<?php endforeach; ?>
</tr>
</table>


And using this at the top:

<?php
require_once "/home/jglimpse/public_html/mst/cmsAdmin/lib/viewer_functions.php";

list($our_peopleprincipalRecords, $our_peopleprincipalMetaData) = getRecords(array(
'tableName' => 'our_people',
'allowSearch' => '0',
'where' => ' position LIKE "%Principal%" ',
));
?>


But a freaky thing is happening. I originally was going to repeat this three times for the Principals, The Associates & Special Counsels for this law firm. Troubles arose, so to double check, I just pasted the same code three times in the body of the page.

The layout is different for each of the three tables, even though the code is identical - i.e.

- The first table presents a row of 3, another row of 3, and then the remaining 2 (correct)
- The next table has 1 image in the first row, 3 rows of 3 photos and then 1 photo in the last row (incorrect)
- The final table has 2 photos in the first row and then 3 x 3 rows (incorrect).

For the first time ever in using CMS Builder, I have no idea where to start in fixing this - would really appreciate any help you could offer. You can see the end result at www.glimpse.net.au/mst/ourpeople.php

Thanks.

Re: [benedict] Laying Out Photos x 3 columns

By ross - April 21, 2009

Hi benedict

Thanks for posting.

The best place to start on this one is going to be a working template. For the time being, don't worry about any PHP. Just make the HTML work exactly how you want it to. Even use placeholder images so you can see how they will spread out in the table.

Get that going, and we'll go forward from there together. Thanks
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Consulting
consulting@interactivetools.com

Hire me! Save time by getting our experts to help with your project.
Template changes, advanced features, full integration, whatever you
need. Whether you need one hour or fifty, get it done fast with
Priority Consulting: http://www.interactivetools.com/consulting/