Help with styling Page List block

Permalink
I have my page list output set up to display how I want - but I'm having trouble with the thumbnail. If I have it set to resize to 64px, it displays just fine (first image). The second I change it to anything larger than that (I want larger thumbs), it displays in a kind of "nested" way (second image).

I've tried everything imaginable it seems like.... wrapping it in a separate div and defining a new class for the image, etc. does not help. I've gone through the other files in the page list directory and can't figure out what else if anything is effecting the images??

Here's the code (basically just the default with the image output edited):

<?php
defined('C5_EXECUTE') or die("Access Denied.");
$rssUrl = $showRss ? $controller->getRssUrl($b) : '';
$th = Loader::helper('text');
$ih = Loader::helper('image');
?>
<div class="ccm-page-list">
   <?php foreach ($pages as $page):
      // Prepare data for each page being listed...
      $title = $th->entities($page->getCollectionName());
      $url = $nh->getLinkToCollection($page);
      $target = ($page->getCollectionPointerExternalLink() != '' && $page->openCollectionPointerExternalLinkInNewWindow()) ? '_blank' : $page->getAttribute('nav_target');
      $target = empty($target) ? '_self' : $target;
      $description = $page->getCollectionDescription();
      $description = $controller->truncateSummaries ? $th->wordSafeShortText($description, $controller->truncateChars) : $description;

2 Attachments

 
hutman replied on at Permalink Reply
hutman
This isn't a problem with the image itself. It's that you have it floated to the left of the text, which is not as tall as the image and you aren't clearing the float before you display the next one, so that is also floating to the left of the previous image.

If you add a
<br style="clear: both;" />
just before the endforeach that should fix it.
wilfordbrimley replied on at Permalink Reply
Yes! The clear fix took care of it - big "duh" moment. Thanks so much.