Can't acheive more white space around images

[vision2000]

Hi,

How do I achieve more padding to the right of my images.
I used the float feature(float left) with padding 10 pixels to the right and 10 pixels below the image, but it didn't make any difference whatever no I entered (maybe this is a DW limitation)

www.isitebuild.com/web-site-promotion3

Please advise.

[jofa]

No, it's not a DW limitation, it's a bug in IE
Works in Mozilla, and in IE6 too if you change doctype to HTML 4.0 Strict

http://msdn.microsoft.com/workshop/a...ts/doctype.asp

[vision2000]

In IE5 I still can't get space around the images. I think a lot of folks still use this browser.

IE6 and Mozilla are fine now after adding the doctype tag.

Also OPERA chops down the page.

Please advise.

Thanks

[jofa]

You will find some help here:
http://www.tantek.com/CSS/Examples/boxmodelhack.html

[Paul O'B]

Hi,

How about putting the image in a div and specify the margin for the div.

Something like:

.imagespace {
margin: 5px 150px 5px 5px;
height: auto;
width: auto;
float: left;
}


<div class="imagespace">
<img src="image.gif" width="93" height="20" />
</div>

It works in IE6 but I haven't got IE5 to test it on.

Hope this helps.

Paul

[DougBTX]

Hve you tried setting margin-left, margin-bottom etc on the image? You may need to set the image to "display: block" too.

Douglas

[vision2000]

Thanks for all your input - I changed the box padding to margins

.imageleft { float: left; margin-right: 10px; margin-bottom: 10px}

Now it renders well in IE5.5 as well as IE6.

Best Wishes,
Herman