HTML Tables, DIVs and image overlays?

Hi, I have a table and in one of the cells I have an image, I want to put an overlay (just another image) ontop of this image, ive tried adding another div and positioning it over the top using z index etc. but it always places it underneath... what can I do? p.s. I cant use a background image as the image needs resizing.

Public Comments

  1. Sounds like you're doing everything right. Maybe you can try checking your HTML in a different browser. I know my HTML always looks messed up in IE (Mozilla Firefox is so much better!)
  2. Huh?!?!
  3. <DIV STYLE="position:absolute; TOP: 80px; LEFT: 100px;"> <img src="home.gif"> </DIV> this places the image home.gif 80 pixels from the top and 100 pixels from the left . have a go or let me know if you need more help... PS place it after the code you mentioned outside the <table> tags
  4. I think you will find you have to use TWO divs and specify the z index on both inorder to get them to appear correctly! Or you can resize the original image to the correct size and use it in the background, resizing is easy to fix with photoshop.
  5. http://www.tjkdesign.com/articles/png_overlay_with_no_extra_markup.asp
Powered by Yahoo! Answers