Image overlapping a table?

[tresmom]

Okay, I am not very good with css. I can use it with tables and am starting to understand div tags, but all and all I am self taught and will admit to not knowing as much as I'd like.

What I am trying to do is figure out how to position an image with css relative to a table. Not sure how you do this? Say I want to position it in the top right corner so it somewhat overlaps the table. I have figured out how to do all this with absolute positioning and defined margins, but I really don't think that's the most efficient way or smartest way if I don't really care if all the other parts of the page are fixed. I hope someone can with this.

[Costin Trifan]

why don't you try to set the image as a background image?

.TableContainer {
....
....
background-image: url('images/image.gif');
background-position: top right;
background-repeat: no-repeat;
....
....
}

[stewart]

you can float: it to the right; or left;

Then you can set margin-left,right,top,bottom accordingly. ;D
Do remember margins can be set to negatives to position it more!

If it is an image in text that is, but if its just a single image needed to do this and the div/paragraph/whatever doesn't already have a bg image do what costin said.


Good luck!

[tresmom]

Thank you so much for your help! That is exactly what I was looking for.