«

Here is what i need:

I would like to have some sort of base image that is big and i center
it on the screen. Then i would like to position several other smaller
images on top of that centered big image. The problem is that i need
to use pixels to set positions for those small images and how can i
acomplish that? Note that those positions must be absolute to base
image. That is x=100 and y=100 will position inside base image
(100,100) and not inside browser window coordinates.
And i would prefer to use <div> instead tables if it is possible...

In article < >,
(simast) wrote:

> Here is what i need:
>
> I would like to have some sort of base image that is big and i center
> it on the screen. Then i would like to position several other smaller
> images on top of that centered big image. The problem is that i need
> to use pixels to set positions for those small images and how can i
> acomplish that? Note that those positions must be absolute to base
> image. That is x=100 and y=100 will position inside base image
> (100,100) and not inside browser window coordinates.
> And i would prefer to use <div> instead tables if it is possible...

<div class="gallery">
<img class="primary" ..>
<img class="secondary first" ..>
<img class="secondary second" ..>
<img class="secondary third" ..>
</div>

#gallery {
width: 500px;
margin: 0 auto;
position: relative;
}

..secondary {
position: absolute;
}

..first {
left: 10px;
top: 10px;
}

..second {
right: 10px;
bottom: 10px;
}

etcetera...

--
Kris
<> (nl)

In article <kristiaan->,
Kris <> wrote:

> <div class="gallery">
> <img class="primary" ..>
> <img class="secondary first" ..>
> <img class="secondary second" ..>
> <img class="secondary third" ..>
> </div>

This would even make it more simple.

<div class="gallery">
<img ..>
<div class="thumbnails">
<img class="first" ..>
<img class="second" ..>
<img class="third" ..>
</div>
</div>

--
Kris
<> (nl)