Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › DataAssist › alternating background div

alternating background div

Thread began 6/14/2021 2:01 pm by JBWebWorks | Last modified 6/14/2021 7:34 pm by Ray Borduin | 165 views | 2 replies |

6/14/2021 2:01 pm | #1 JBWebWorks

alternating background div

Have mysqli repeat region for a div#eventsdiv. here is code

<?php
$wa_startindex = 0;
while(!$rs_events->atEnd()) {
  $wa_startindex = $rs_events->Index;
?>
  <div id="eventsdiv" align="center"><?php /*START_PHP_SIRFCIT*/ if ($rs_events->getColumnVal("events_photo")!=""){ ?><img width="20%" src="images/events/<?php echo($rs_events->getColumnVal("events_photo")); ?>" /><?php } else echo''; /*END_PHP_SIRFCIT*/ ?> <br />
    <h2><?php echo($rs_events->getColumnVal("events_name")); ?></h2>
    <table width="60%" border="1" cellpadding="10"><tr><td width="50%" align="center" valign="top"><?php echo($rs_events->getColumnVal("events_time")); ?></td><td width="50%" align="center" valign="top"><?php echo($rs_events->getColumnVal("events_location")); ?></td></tr></table><br />
    <div id="eventdescribe"><?php echo($rs_events->getColumnVal("events_description",false)); ?></div><br />
<br /><br />

</div>
  <?php
  $rs_events->moveNext();
}
$rs_events->moveFirst(); //return RS to first record
unset($wa_startindex);
unset($wa_repeatcount);
?>

Want the divs to alternate background color from #76323f to #d7cec7

What code do i need to add?

6/14/2021 2:50 pm | #2 Ray BorduinWebAssist

You could wrap it all in a div like:

<div id="altbg">
[your repeat code here]
</div>

Then use CSS like:
<style>
#altbg div:nth-child(even) {background: #76323f}
#altbg div:nth-child(odd) {background: #d7cec7}
</style>

Did this help? Tips are appreciated...

6/14/2021 4:45 pm | #3 JBWebWorks

That worked. Thanks Ray.

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.