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 Quote Link to comment 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> Quote Link to comment 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?) Quote Link to comment 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 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.