Hello everyone,
I'm updating our homepage -- in addition to having a dynamic news section, I thought it would be cool to have the features section be dynamic as well. I've done the coding and updated the HTML, but I get a strange thing happening when zooming out of the page. The formatting is distorted, strangely enough.
Here's the page in question:
http://www.louisarmstronghouse.org/index2.phpTry zooming out and you'll see what I mean. (There's no problem when using Safari; only Firefox and IE.)
And here's the HTML code for the affected section:
<div id="features_body">
<?php foreach ($featuresRecords as $record): ?>
<div class="feature">
<?php foreach ($record['photo'] as $upload): ?>
<a href="<?php echo $record['external_link'] ?>"><img src="<?php echo $upload['urlPath'] ?>" width="49" height="49" alt="" class="left"/></a>
<?php endforeach ?>
<span class="featuretitle2"><a href="<?php echo $record['external_link'] ?>"><?php echo $record['title'] ?></a></span>
<p><?php echo $record['description'] ?></p>
</div>
<?php endforeach; ?>
<?php if (!$newsRecords): ?>
No records were found!<br/><br/>
<?php endif ?>
</div>
</div>
Does anyone have any suggestions? Thank you so much!