I'd like to request someone look into fixing the issue with the floated module/theme screenshots in project teasers on Drupal.org. As the screenshots are floated, they overflow their surrounding div and can therefore create problems with small teasers. Simply adding a 'clear-block' class to all 'project-item' divs will fix this.

On a related note, the classes of the aforementioned divs seem to be missing something (e.g. 'project-item project- project-with-image' - something's missing after the second class)...

I did look through the issue queue before posting this and couldn't find any issues that referred to this problem, so forgive me if I missed a duplicate post.

Comments

avpaderno’s picture

Status: Active » Postponed (maintainer needs more info)

May you provide a link to a page where the reported issue is present?

dave reid’s picture

avpaderno’s picture

Title: Floated screenshots in project teasers » Floated screenshots in project teasers, and project pages
Status: Postponed (maintainer needs more info) » Active

Thanks, Dave; as they say, a picture is worth 1000 words.
I am changing the title, as the issue is not just present in node teasers, but also in project pages.

dave reid’s picture

Its likely the h3#downloads that needs the clear:both CSS applied.

Anonymous’s picture

The teaser issue can even be seen on the main Modules page: http://drupal.org/project/modules (token module, third from the top).

It just occurred to me that it would depend on your screen size as to whether you see this issue or not. I have a fairly large screen (1680x1050) so the problem is obvious to me.
Also, regarding comment #4, teasers don't have the h3#downloads element, and not all of them even have download links at all...

Anonymous’s picture

Status: Active » Fixed

This appears to have been fixed.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.