By willhall-dupe on

so when i put an image into a node teaser, and there is another teaser on the same page, the next node teaser text flows into the previous text. i have to manually enter several line breaks so that the text is 'larger' and the next image doesn't flow into it.

that is to say, instead of each teaser being treated as a distinct div, with the bottom of the image delineating its own region, the text from the next teaser will flow up into the previous one if the text is smaller than the image.

this is using the node_teaser module and a theme based on boxed_grey

any ideas?

⋅ Categories: Drupal 5.x

Comments

willhall-dupe’s picture

willhall-dupe commented

e.g.

if you look here:
http://freedom-center.org/section/activism%2Badvocacy

the 'read more' should be much lower, alongside the bottom of the image. instead, the next text starts alongside, not below, the image, in the previous teaser's space.

what i have been doing is manually entering line breaks so the 'read more' moves down, alongside the image, and the next teaser's text starts where it should -- below the image, not alongside the previous teaser's image.

i can do this workaround, but other users won't be able to.

artatac’s picture

artatac commented

Use Imagecache to create a thumbnail version of your picture for the teaser (I use 100x100) See www.shelfanger.com as an example. If that is what you are after this is how I did it..

Regards Joe

====
Ensure you have CCK and Image and Image_cache installed.

Image_cache define 2 new presets - mainimage (say 300px) thumbnail (100)

Define new content type and add image field with teaser and full - set to
above **and label hidden**

Create new content and include an image - check it works correctly

=============
And \modules\system\defaults.css
img {
border: 0;
float: right;
margin-left: 1em;
}