Columns / details displaying after each other not under

Hi Hannah,

Here's an approach that might help

If you want to set up sets of rows that you want to wrap, you’ll have to wrap your table inside a table. Here’s a 2 row example using the thumbnail2 image as a link to a detail page, separate Title and Subtitle fields, a hidden border for IE, and a fixed height for the image cell so that everything lines up nicely.

<table width="100%" border="0" cellpadding="5">
<tr>
<td align="center" >
<tr>
<?php foreach ($your_sectionRecords as $record): ?><?php foreach ($record['image'] as $upload): ?>
<td align="center" width="50%">
<table>
<tr>
<td height="350" valign="bottom"><a href="<?php echo $record['_link'] ?>"><img src="<?php echo $upload['thumbUrlPath2'] ?>" width="<?php echo $upload['thumbWidth2'] ?>" height="<?php echo $upload['thumbHeight2'] ?>" alt="" style="border:hidden" /></a>
</td>
<tr>
</tr>
<td ><div align="center" class="medium-title"><?php echo $record['title'] ?></div>
<div align="center" class="medium-text"><?php echo $record['sub_title'] ?></div></td></tr></table>
</td>
<?php $maxCols=2; if (@++$count % $maxCols == 0): ?></tr><tr><?php endif; ?>
<?php endforeach ?> <?php endforeach ?>
</tr>
</table>

Use your own variable names instead of $yourrecord

Best,

Jerry Kornbluth

Thanks Jerry,

I already have that set up as a table inside a table.

This is the code I have used so that each 'person' would have the following:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="144" align="left" valign="top"><?php foreach ($contact_usRecords as $record): ?> cell for photo
<?php foreach ($record['image'] as $upload): ?>
<?php if ($upload['hasThumbnail']): ?>
<img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" alt="" /><br/>
<?php endif ?>
<?php endforeach ?></td>

<td width="15">&nbsp;</td>spacer cell between photo and details

<td width="144" align="left" valign="top"> <strong><?php echo $record['name'] ?></strong><br/>cell for details
<?php echo $record['title'] ?><br/><br />
tel <?php echo $record['tel_no'] ?><br/>
fax <?php echo $record['fax_no'] ?><br/>
<?php $record['email'] = preg_replace("/^\s*<p>/i", "", $record['email'] ); ?>
<?php echo $record['email'] ?>
</div>
<?php endforeach; ?> </td>

<td width="15">&nbsp;</td>spacer cell between next person
<?php $maxCols=3; if (@++$count % $maxCols == 0): ?>
</tr>
<tr>

<td height="15" colspan="4">&nbsp;</td>spacer cell to split rows

</tr> <?php endif; ?>
<?php if (!$contact_usRecords): ?>
No records were found!<br/>
<?php endif ?>
</table>

I then used <?php $maxCols=3; if (@++$count % $maxCols == 0): ?> within the main table but outside floating table. Which is along the lines of what you suggest but not working, it still looks like it does in the link above. Could you or anyone else explain why and what I need to change?!

Hi there.

With table layouts like that, there are a bunch of things that could be causing the problem. Of course, there are also a bunch of different ways to actually get it going.

My recommendation for this would be to take one step back and design yourself a template that has everything working the way you need it. Don't use any CMS Builder code at all. Just hardcode the whole thing.

That will give you much more control over how it displays. Once you have a working template, it will be much much easier to get CMS Builder in there.

This is how I do all my projects so it's always the way I recommend.

Give it a shot and let me know how you make out. Once you have a working template, we can work together at putting CMS Builder into it.

Thanks!

Try this... It's set up for 4 columns with the maxCols statement

I moved the foreach and endforeach statements and put the 2 column stuff in a nested table. It seems to work.

Best,

Jerry

<table width="10%" border="0" align="left" cellpadding="0">
<tr>
<td align="left" >
<tr>
<?php foreach ($contact_usRecords as $record): ?><?php foreach ($record['image'] as $upload): ?>
<td align="center" width="50%">


<table border="0" align="left" cellpadding="5">
<tr>
<td align="left" valign="top">

<table width="100%" border="0" cellpadding="5">
<tr>
<td align="left" valign="top"><a href="<?php echo $record['_link'] ?>"><img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" alt="" style="border:hidden" /></a></td>
<td align="left" valign="top"><div class="yourclass"><?php echo $record['title'] ?></div>
<div class="yourotherclass"><?php echo $record['name'] ?><br />
<?php echo $record['tel_no'] ?><br /><?php echo $record['fax_no'] ?><br /><?php echo $record['email'] ?></div></td>
</tr>
</table>

</td>

</tr></table>

</td>
<?php $maxCols=4; if (@++$count % $maxCols == 0): ?></tr><tr><?php endif; ?>
<?php endforeach ?> <?php endforeach ?>
</tr>
</table>

Thankyou so much! I've adjusted the styles a bit to get them to fit but it's working! I now need to apply it to a couple of other pages but thanks for the help!

Hannah

I've got the columns working on the contact page - it's looking really good thanks! I'm now trying to do a similar thing with the gallery page but it's not working so well!

I set the gallery up as a multi page and generated the code for a list page. I put the code for the tables in and then put in the php for my gallery images (taking out all the code for the details that I don't need this time) but it's only displaying 1 thumbnail (I've put in 3 in the editor).

Can anyone see what I'm doing wrong here? I will be adding lightbox to the thumbnails once I get this to work!

The page in question is this one: http://www.arcschoolsuk.com/CMSB/lightbox2/gallery_arc_school2.php

Hannah

Hi, Hannah -

Could you attach copies of your List and Detail pages, please.

Thanks,

:0)

Perch

There is only a list page - the gallery goes no further but I need it to display multiple images. Page is attached!