Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Drupal cannot render correctly images that are larger than a featured article box in Epiphany.
See the screenshoot or browse my site using the Epiphany Web browser to see the problem: The Hubble image is bigger than its container box but the box remains small. The text of the next container box becomes centred. I use this code to lay out the image: img align="left" hspace=10" vspace="10"
The correct behaviour would be for Drupal to maximise the container box.
| Comment | File | Size | Author |
|---|---|---|---|
| screen-wikinerds.org-portal-epiphany.jpg | 328.99 KB | nsk |
Comments
Comment #1
grohk commentedI do not think this is a Drupal issue, but a theme issue. I would suggest the following fixes for these issues:
First, to be XHMTL standards complaint you should use a CSS class for styling images and "float" them instead of using "align". I use the class "inline-image" to style images in nodes with float.
Secondly, I would recommend using a break with CSS to clear it on both sides. Hacking your theme to output this tag at the end of the content, before the links, should do the trick. The tag would look like this:
<br class="clear" />
Then add this to your CSS file:
br.clear {
clear: both;
}
Let me know if that helps.
Comment #2
nsk commentedThanks for your great help!
I used a simple br tag after the image and now, although it still doesn't display perfectly on Epiphany, it is acceptable since it doesn't misalign the text after that post.
Comment #3
forngren commented