This content has been marked as final.
Show 4 replies
-
1. Re: floating div on top of other div which has image inside. Please help
Zabeth69 Aug 23, 2009 12:14 PM (in response to luadke)As you have discovered, two elements on the surface of a <div> cannot occupy the same space. The solution lies in getting one of the elements to "lie down," either by getting it totally off the surface and making it a background of it or by actually "levitating" one above the other.
- Apply a unique id to each div in which an image now lies.
- Place each image in the background of its div, defining it in your CSS.
- You will not then be able to use the image as a button, and you may want to add something else to click on.
OR (this second way is probably better)
- Change the .FilmStill definition by adding position: relative;
- Change the .SlantedWritingFilms definition by adding position: absolute; and positioning attributes (left: 0; top: 0; for instance)
- Change each .SlantedWritingFilms <span> into a <div> within <div class="FilmStill">.
Beth
-
2. Re: floating div on top of other div which has image inside. Please help
garywpaul Aug 23, 2009 1:07 PM (in response to luadke)I did not look at the code, but by your question, it sounds like you want this image to be a background image...no?
Gary
-
3. Re: floating div on top of other div which has image inside. Please help
luadke Aug 24, 2009 11:37 AM (in response to Zabeth69)Thanks a lot - second option worked great
-
4. Re: floating div on top of other div which has image inside. Please help
Zabeth69 Aug 24, 2009 11:43 AM (in response to luadke)Fabulous!
Beth



