raknjak Posted February 1, 2011 Share Posted February 1, 2011 Hi, I've been looking for an old solution but the website I used for this is offline. I know there are other places but Google can't help me so I need to ask you guys. http://www.noupe.com/css/20-wicked-proof-of-concepts-for-better-use-of-jquerycss.html -> look for CSS Image text Wrap: I used this solution years ago but now that website is offline. This is an old solution, there must be newer ones like this. Basically, I've got multiple images stacked on the right hand side and want my paragraphed text to flow around these images. As soon as we use a <br /> element it wraps under the images though. I hope i can win time by not reinventing existing solutions by asking here first. I hope this is clear - if not, I'll make you a quick concept drawing, just haven't got time right now as I'm at work. thanks in advance Link to comment https://forums.phpfreaks.com/topic/226335-wrapping-text-in-paragraphs-around-multiple-images/ Share on other sites More sharing options...
SuperBlue Posted February 2, 2011 Share Posted February 2, 2011 You need to place the images before the paragraphs, and then float them to either the left or the right. I.e. <!DOCTYPE html"> <html lang="en-US"> <head> <title>How to wrap text around images</title> <style type="text/css"> #Basement { width: 300px; } img { float:right; clear: both; margin: 1em; } </style> </head> <body> <div id="Basement"> <img src="Testing.png" alt=""> <p>This example shows how to make text wrap around images. Floating the image to either the left or the right, should make the text wrap. You can then apply a margin to the images, to avoid ugly collusions with the text.</p> </div> </body> </html> Link to comment https://forums.phpfreaks.com/topic/226335-wrapping-text-in-paragraphs-around-multiple-images/#findComment-1168747 Share on other sites More sharing options...
raknjak Posted February 2, 2011 Author Share Posted February 2, 2011 Ah right, that works thanks! (how do I solve post?) Link to comment https://forums.phpfreaks.com/topic/226335-wrapping-text-in-paragraphs-around-multiple-images/#findComment-1168777 Share on other sites More sharing options...
cssfreakie Posted February 5, 2011 Share Posted February 5, 2011 Ah right, that works thanks! (how do I solve post?) hehe bottom left corner green button 'solved' only shows when not in editor mode Link to comment https://forums.phpfreaks.com/topic/226335-wrapping-text-in-paragraphs-around-multiple-images/#findComment-1170199 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.