Wrapping text around an image with CSS

User 2283161 Photo


Registered User
10 posts

Howdy,
Here is a test page showing the problem I'm having with images:

http://www.bellaabundance.com/imagetest.html

I looked this up in the knowledge base and saw article 833. I'm thinking this method might not work with the style sheets but I have no idea what to do about it. Anyone know how I can get the text to wrap around the image properly?
Thanks
User 2283161 Photo


Registered User
10 posts

OK.. update...
I looked this up on a CSS tutorial site and this is the code it said you should put in your style sheet:

img.floatRight {
float: right;
margin: 4px;
}

Then add: class="floatRight" to the image tag.
Tried that and if you click the original link you'll see it still isn't working.

thanks
User 187934 Photo


Senior Advisor
20,266 posts

Looks like you need to get that image out of the column div. Looks like it's inside the column class holding it over the text:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2283161 Photo


Registered User
10 posts

I just tried that. No difference. Is there code to put within in the column class that will define how text wraps around images? There is an "image-orientation" tag but doesn't seem to do anything.
thanks
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

I would remove the absolute positioning here:
#mainLeft img {
border: none;
position: absolute;
top: 200px;
z-index: 5;
}


You can also remove the top margin if you want. And I would place the html code for the image in front ot the text paragraphs.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2283161 Photo


Registered User
10 posts

ALRIGHTY!
Thanks so much, guys.
Mike

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.