Wrapping text around an image with CSS
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
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
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
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
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
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
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
thanks
I would remove the absolute positioning here:
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.
#mainLeft img {
border: none;
position: absolute;
top: 200px;
z-index: 5;
}
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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.