Question

I have a image that I would like to position other images on. For example players on a basket ball court

What is the best way to do this with CSS, I am tempted to do this with tables but fear there maybe a better solution out there

Answer 1

If you use tables I’ll castrate you 🙂

So on with divs and CSS:

HTML:

<div id="bb-court">
<div id="player-1">
</div>
</div>

CSS:

#bb-court {
    z-index:1;
}

#player-1 {
    z-index:2;
    background-image: url();
    position: absolute;
    margin: top right bottom left; /* All with reference to parent */
}