Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Absolute coords on centered image.

Reply
Thread Tools

Absolute coords on centered image.

 
 
simast
Guest
Posts: n/a
 
      09-18-2004
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...
 
Reply With Quote
 
 
 
 
Kris
Guest
Posts: n/a
 
      09-19-2004
In article <(E-Mail Removed) >,
http://www.velocityreviews.com/forums/(E-Mail Removed) (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
<(E-Mail Removed)> (nl)
 
Reply With Quote
 
 
 
 
Kris
Guest
Posts: n/a
 
      09-19-2004
In article <(E-Mail Removed)4all.nl>,
Kris <(E-Mail Removed)> 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
<(E-Mail Removed)> (nl)
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
init an array of xy coords that makes curves Joe C Programming 2 06-27-2009 06:08 AM
Change coords of a canvas.line item Matthias Vodel Python 3 01-05-2007 01:06 PM
Using "shape" attribute withour "coords" in an "a" tag Albert Wiersch HTML 14 08-19-2005 02:36 PM
ImageButtonClick coords not right beanweed ASP .Net Building Controls 0 05-30-2005 04:25 PM
Canvas polygon coords() using list comprehension Dave Harris Python 1 05-28-2004 07:14 AM



Advertisments