Hi, I don't know what skin or related CSS you are using but try inserting your image tag somewhere in your block of text and give it a class of left
EG:<img src="http://yoursite.com/media/users/your_image.jpg" alt="" title="" class="left" />
or "middle" or "right"

John wrote:

Hi, I don't know what skin or related CSS you are using but try inserting your image tag somewhere in your block of text and give it a class of left
EG:<img src="http://yoursite.com/media/users/your_image.jpg" alt="" title="" class="left" />
or "middle" or "right"

I'm using the December skin. I tried using the code above but it's not working. :oops:

A quick look at the CSS for December offers up the following... play around with them for your image.

Cheers

.leftmargin img {margin:10px 10px 10px 0;}
img.leftmargin {float:left; margin-right:2ex; margin-top:.7ex; margin-bottom:.2ex;}
img.rightmargin {float:right; margin-left:2ex; margin-top:.7ex; margin-bottom:.2ex;}

.floatleft {
float: left;
}
.floatright {
float: right;
}

John wrote:

A quick look at the CSS for December offers up the following... play around with them for your image.

Cheers

.leftmargin img {margin:10px 10px 10px 0;}
img.leftmargin {float:left; margin-right:2ex; margin-top:.7ex; margin-bottom:.2ex;}
img.rightmargin {float:right; margin-left:2ex; margin-top:.7ex; margin-bottom:.2ex;}

.floatleft {
float: left;
}
.floatright {
float: right;
}

Sorry it took me so long to reply. Where do I need to put this code? When I'm writing the post or on the blog skin? :oops:

The code is in your css
when you put an image in your post simply add the css class to the img link that you
EG:<img src="http://yoursite.com/media/users/your_image.jpg" alt="" title="" class="floatleft" />

John wrote:

The code is in your css
when you put an image in your post simply add the css class to the img link that you
EG:<img src="http://yoursite.com/media/users/your_image.jpg" alt="" title="" class="floatleft" />

Thanks I'll try it to see if it works :)

I'm searching in this forum to find a solution for the text wrap around an image. I found some solutions but when i try this i only get the first line of the text next to my image. The other lines are under the image.

----
| |
|img|
| | This is the text line next to the image at the bottom
----
but when the line is longer it goes further under the image.

This is in the code :
<div class="floatimgleft"><img src="some image name" alt="" width="167" height="236" /></div><p>This is the text line next to the image at the bottom but when the line is longer it goes further under the image.</p>

And the css file :
.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

What i'm doing wrong ? I'm using version 3.3.1

The solution is right above you!

MoonGlow wrote:

John wrote:

<img src="http://yoursite.com/media/users/your_image.jpg" alt="" title="" class="floatleft" />

Give the image tag a class of "floatleft" or "floatright" :)

EdB wrote:

The solution is right above you!

MoonGlow wrote:

John wrote:

<img src="http://yoursite.com/media/users/your_image.jpg" alt="" title="" class="floatleft" />

Give the image tag a class of "floatleft" or "floatright" :)

But that is what i did !

<div class="floatimgleft"><img src="some image name" alt="" width="167" height="236" /></div>

I don't know what skin/css file your using but if it has a float class named "floatimgleft" then forget the div and just add

<img src="some image name" alt="" width="167" height="236"  class="floatimgleft" />

The b2e default css for floats is floatleft or floatright

Putting the class on the DIV tags means the div will float (or at least follow the class instructions). You want the image to float, so you have to put it on the image. And like John says, if your skin has a floatimgleft class and you like it then go for it, but the defaults are what they are eh? A link to where this is happening would help.

John wrote:

I don't know what skin/css file your using but if it has a float class named "floatimgleft" then forget the div and just add

<img src="some image name" alt="" width="167" height="236"  class="floatimgleft" />

The b2e default css for floats is floatleft or floatright

I don't know what was wrong. But now it works. Thanks !!!