Is this text wrapping technique possible in CSS and jQuery?
- by alex
I have built a sliding text thing for a website.
http://www.solomonadventures.com/~new/adventure-tours/seafari-tours/
The background contains the menu (on the right hand side), and when it originally loads, I have placed an element to make the text look like it is wrapping around the menu.
Now, I have a sliding text thing I was asked to implement. The buttons to use it are currently in the top left corner.
My question is, when I slide the content down, am I able to somehow make the text still wrap around it?
This is all I have thought of so far (all with trade offs)
Make the text appear beneath the menu - no need to wrap
Make the text as narrow to the beginning of the menu - no need to wrap
Manually place placeholders in the text that make it line break so it appears to wrap - not elegant (site uses a CMS too)
Is there any jQuery selector I could write that would allow me to select the paragraph from top (once slid to the top) or the top most text node (so I could do an after() to place a new placeholder element to force it to wrap?)
Any other solutions?
Many thanks.