I would like to use i-frames for my page. However, is their anyway i can link them without divideing my picture into slices, can i just keep it as a whole? Please help me!


here is the picture url: http://www.freewebs.com/xweymouth/nikkiv.jpg

ok, i coded this picture in a smaller (800 x 600 i guess) so now when i enlarge the window, it get displaced

you could make it transparent, so that you can keep your image as one image, and then place your iframe with absolute positioning on top of it.

to let it be on the same place you could use tables (without absolute positioning) or you could position them both image and iframe and use z-index with them

z-index is a way to place more things on top of each other, but the z-index gives information to the code where it should appear, as first or as last.

the higher the number you fill in, the higher it will be on top. so for example if you have 4 things on top of each other and you want to let the iframe appear as third it will have z-index set as 3

the following you add is this:

image to <img> code: style="position: absolute; top: #px; left: #px; z-index: 1"

iframe to <iframe> code: style="position: absolute; top: #px; left: #px; z-index: 2"

if you want the image to appear in the top left corner then you just simple replace #px for both to 0px. if not just add some numbers and play a bit with it. for the iframe you need to guess a bit. Just fil in something for top and for left, and see if it's right. if not you add some more to it or some less, untll it's positioned good :) Now because they are both positioned they dont get misplaced in different resultions, becuase they will always be for example 100 pixels to the left, and 100pixels from top in every resolution

Love,
Mirna