Shot in the dark, but why are my pictures displaying like this?

[tdob]

Ive got the site (link below), everything works as desired, although if I add an article with a picture it seems to throw off all of the formatting. I have tried using different styles on my site and the pictures display fine, so it must be something with this specific stylesheet.

If anyone can see what the problem may be I will be forever greatful. The site is run off the drupal framework.

My test site is:
http://usol.x10hosting.com/usol/

As you can see there are 2 stories there, and they both overlap eachother.

Attached is also my .css sheet. Link to the sheet is http://usol.x10hosting.com/usol/them...lack/style.css

[loathsome]

It is because you're floating the picture. Remove the float property so that the images will be shown as block elements instead.

[Paul O'B]

Hi,

Its because you have used the old fashioned align attribute in the image tag (align="left") which has the same effect as floating the image to the left and allowing the text to wrap around it.

Remove the align="left" attribute from the image tag itself and then set the image to display:block as images are inline elements by default and will sit on the same single line as the text.

img.imgname {display:block;margin:0 0 5px 0}

[loathsome]

Ah, that's right. I have to admit I didn't have a look at the source, but assumed this was a "floater". (And it kinda was)

[Paul O'B]

(And it kinda was)

Yes it's the same behavior

I was looking for a float also until I spotted the attribute