close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

how do i evenly display a repeating content across full width of a website?

Thread began 10/30/2012 7:56 am by Christopher West | Last modified 10/30/2012 10:10 am by Christopher West | 1082 views | 3 replies |

Christopher WestCommunity Expert

how do i evenly display a repeating content across full width of a website?

Hello, I have always wondered this....

Lets say I have 3 columns of even length (eg 200px width) and lets say my website is 940px width obviously the 3 columns would have and extra 40px left...however I would like a 20px gap between the columns..if I use inline css I could simply put a margin-right:20px on the first and second column..perfect....until....i want to turn the content into database driven content using a repeat region...now how can I do the same using a repeat region because if I just create a column of 200px width with a 20px margin-right then the third column would drop to next row since the columns+the margins would equal 960 and my website width is 940px. So basically I need to tell the repeat region that on every 3rd record in the database not to use a apply a margin-right:20px so only the 1st and 2nd records in the database would use this inline css.

Chris

Sign in to reply to this post

Ray BorduinWebAssist

Usually you would just make your page 960px wide and give everything a 20px margin right.

If you want to do it the way you are trying, you would have to add a little hand coding to treat every third column differently.

This would be done by adding a counter to keep track of the number of divs like:

<?php
$row_count=1;
?>

right above the DO loop line for your repeat region.

Then in the line right above the WHILE line that ends your loop you would add:

<?php
$row_count++;
?>

Then you can add code that would only appear every third row like:

<?php echo(($row_count%3==0)?' style="margin-right=0;"':' style="margin-right:20px"'); ?>

Sign in to reply to this post
Did this help? Tips are appreciated...

Christopher WestCommunity Expert

Thanks Ray, with the code you provided how would I integrate the image I want to span accross the repeat, ie <img src="logos/<?php echo $row_suppliers['SuppliersLogo']; ?>" alt="" width="211" height="53">


<?php
$row_count=1;
?>
<?php do { ?>
<?php echo(($row_count%3==0)?' style="margin-right=0;"':' style="margin-right:20px"'); ?>
<?php
$row_count++;
?>
<?php } while ($row_suppliers = mysql_fetch_assoc($suppliers)); ?>


Cheers

Chris

Sign in to reply to this post

Christopher WestCommunity Expert

All sorted..yet agian thanks Ray :) excellent method :)
Chris

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...