image on top of image

[seccondbest]

Design is allways personal, I use tables and I-frame in a design I am making


In on of the tables I have an image

        <tr>
          <td width="71%" height="24"><img border="0" src="knightshall-2.png" width="573" height="439"></td>
         
         <td width="29%" height="24">This is a spacer next to the image!</td>
        </tr>

Now I want a 2nd image that sits on top of the one used in the table above sort of layering i guess.


the first picture is a landscape the 2nd image is a pointer that i can move around on the landscape pointing at different spots.


I could use the background option for the first image but that limits me in my design, (if the table gets bigger than the image i get a repeat of that image or part of it anyways)


So I would like to have 2 images in 1 table overlaying eachother.


can this be done?

[void56]

Using tables is not a very good way to design a website. You should use css to control the design of the page. Html should only contain the content.

But to answer your question.
You can use css to prevent the image from repeating and force the image to match the size of the table.

Just out of curiosity why do you want an image layered on top of the table. Won't that cover up the content in the table?

[seccondbest]

Ahhh  a question carefull I might start feeling important lol, hey but I have no clue on CSS I have seen it I have read about it but I want to get The HTML under control before i jump in the next stage.

I am trying to get a grip on the html and the tables, I have heard pro's and cons about them so i guess personal pref.

The css I will start learning that because I understand it makes a lot of things quicker since you dont have to repeat yourself over and over, just write the css part and call it again later or something.

But for now ill stay with my learning the html.

as far as your question about the image, it will not cover up the content of the table since the only content of that table is an image

the first image is as wide and high as the table the 2nd is a small animated gif file with transparent background ( a pointer) this will point at a certain section of the 1st image

hope this makes my idea clear.

better yet I hope this can be done.

[rackers31neil]

Thanks for this information.