Wrap text around image-field

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
mnos's picture

Dear All,

I am looking for your help again.

My boss likes to have inside an exciting 'PAGE' content types an 'IMAGE-fields'.
On some pages there will be 1 image placed, some 2,3 or 4 and some even 0.
The idea was that these images will be styled with CSS to the correct place on the page.

Now the problem is that after placing the images, the images will overlap the other content which is written in the 'BODY-field'.
What we like to see happening is that there is an image-wrapper where the text goes around the image if there is an image and if there is not an image the text in the BODY will fill up that space.

This all would be simpler if we add an image-URL inside the body field, but as mentioned before, we have created an new field in the content type.

Looking forward for an reply.

Mnos

Comments

Quickest solution will be to

kelvinleehk's picture

Quickest solution will be to user javascript / jQuery to move the div of the image field to one of the divs INSIDE of content body. The more Drupal way would be to alter the $content array in template.php or a template override before rendering.

I would be delighted if there is a WYSIWYG way to inject the image field / attachment into the content body while edit (I think Wordpress used to be able to do that IIRC?)

Thank you Kelvin, i'm

mnos's picture

Thank you Kelvin,

i'm interested in any solution as long as the content editor doesn't have to style anything themselves. Just simply uploading a file and that's it.

How would the quickest solution work out? Could you assist me in that?

Also you mentioned to alter the $content array in template.php.(Drupal way) Any instruction video/documentation for it?
Is there a way i could modify stg in the page.tpl.php with the same results?

Thank you again.

DrupalHK

Group categories

HKDUG Vocabulary

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: