I am currently trying to use the RTE in a manner which will allow for an image floated to the left and some text wrapping on the right, and then another image below with more text wrapping on the right of that one.
The issue I am running into is figuring out how to have the second set of text wrap around the second image. The best I have been able to achieve is that it will just sit below the text of the first image.
The current implementation can be seen here:
The images have been added to the RTE on separate lines to the text and then left aligned (being rendered as "float: left").
Ideally here I want the first image to have the text on the right starting from "Common signs..." and finishing at "...aut in hostem". Then to have the second image below that and the text on the right starting from "What parts of the body..." and finishing at "...especially around these areas". Finally to have the text starting "As many as 12,000..." start below the second image.
Any suggestions on what I can do here within the RTE and the HTML rendered by the template? Suggestions on other approaches are welcomed as well.
How to have multiple images floated with text wrapping via the RTE
Hi,
I am currently trying to use the RTE in a manner which will allow for an image floated to the left and some text wrapping on the right, and then another image below with more text wrapping on the right of that one.
The issue I am running into is figuring out how to have the second set of text wrap around the second image. The best I have been able to achieve is that it will just sit below the text of the first image.
The current implementation can be seen here:
The images have been added to the RTE on separate lines to the text and then left aligned (being rendered as "float: left").
Ideally here I want the first image to have the text on the right starting from "Common signs..." and finishing at "...aut in hostem". Then to have the second image below that and the text on the right starting from "What parts of the body..." and finishing at "...especially around these areas". Finally to have the text starting "As many as 12,000..." start below the second image.
Any suggestions on what I can do here within the RTE and the HTML rendered by the template? Suggestions on other approaches are welcomed as well.
Thanks, James
Your site is down at the moment, but i dont think that will make much difference to my answer.
The rich text editor is not suitable for pretty much any kind of layout. It can really only be used for "Rich Text".
For layout you should be looking into "The Grid" or possibly "Nested Content". If you're still on v7 i can recommend the "Stacked content" package
Thanks for your suggestion, we've now approached this again with using "The Grid" to create the content here and it works much better!
Glad i could help :)
is working on a reply...