Padding Issue

[daemonkin]

My Dev Site

I have an image in my div left box. The image has class right and .right has attributes given margin of 5px to left for breathing room.

The problem is that the image does not give its desired breathing room.

Any help?

D.

[Fisher]

The order looks correct, however your margin is being overridden by this in main.css:

div#content img, div#right_col img {
 border: 0;
 padding: 0;
 margin: 0;
 display: block;
}

If you eliminate the margin:0 here, it works.

[daemonkin]

Thanks for the reply Fisher and I have removed the margin: 0 from content img but the margin is still not showing up in the left_box img.

Any more thoughts?

D.

[daemonkin]

Never mind Fisher. Idiot me messing around with tring to get this working I forgot to fix the messes I made.

D.

[abduraooft]

How about

img.right {/*main.css (line 430)*/
background-color:#CC0000;
display:inline;
float:right;
[ICODE]margin-left:5px;[/ICODE]
}

[daemonkin]

Thanks Abduraooft. Figured that one out all by myself!

That was a remnant of trying to float left and margin right when the float right and margin left did not work.

Cheers.

D.