Hello all. Ive got a page layout in mostly css, with a .php script that changes the bg image of the page everytime it loads.
Heres the page (<!-- m --><a class="postlink" href="http://www.hoopladesign.com/main/index3.html">http://www.hoopladesign.com/main/index3.html</a><!-- m -->)
I also have several small images that I want to link to different parts of the site, and I want these images to stack above my rotating background. Problem is when my small images are over the bg, they arent active links.
Ive tried changing the z-index but I think I need to try a different approach. Java-script perhaps? Any nudge in the right direction would be helpful.
thanks!I think it would be best to eliminate the use of <ilayer> and go the route of controlling it entirely by CSS. I use CSS entirely for page layout with minimal table use (depends on application though).
Anyway, that is what I would do. I'm sure though that someone else may have a better solution.thanks but I want the images to be different each time, thats why the php script is needed.To use z-index the element must be positioned and the z-index should be a unique value. No 2 elements can be on the same plane. The browser will change the z-index if it encounters 2 equal values.
.recentwork{
position:relative;
z-index: 1;
.
.
}
.mainpagebgimage{
position:relative;
z-index: 0;
.
.
}works perfect. Thanks Fang!Ive used the z-index and have had some issues with firefox vs. IE.
Here is what I encountered (using the suckerfish navigation bar).
This works in IE, but NOT in FF - what happens is the text never appears in FF, however the drop down is displayed perfectly in IE:
menu item is z-index:0;
text div is z-index:-1;
This works in FF, but NOT in IE - what happens is in FF the drop down displays perfectly over the text, however in IE, the drop down does appear, and the drop down appears however the TEXT in the navigation drop down overlayed over the actual text on the page. The background does apear, but it is somewhat tranparent and you still see the text from the page:
menu item is z-index:2;
text div is z-index:1;
Anyone else have this issue?
Thx,
DPKNegative z-index values do not work in all browsers.
If the background is transparent, change the background properties. This has nothing to dop with the z-index.
Heres the page (<!-- m --><a class="postlink" href="http://www.hoopladesign.com/main/index3.html">http://www.hoopladesign.com/main/index3.html</a><!-- m -->)
I also have several small images that I want to link to different parts of the site, and I want these images to stack above my rotating background. Problem is when my small images are over the bg, they arent active links.
Ive tried changing the z-index but I think I need to try a different approach. Java-script perhaps? Any nudge in the right direction would be helpful.
thanks!I think it would be best to eliminate the use of <ilayer> and go the route of controlling it entirely by CSS. I use CSS entirely for page layout with minimal table use (depends on application though).
Anyway, that is what I would do. I'm sure though that someone else may have a better solution.thanks but I want the images to be different each time, thats why the php script is needed.To use z-index the element must be positioned and the z-index should be a unique value. No 2 elements can be on the same plane. The browser will change the z-index if it encounters 2 equal values.
.recentwork{
position:relative;
z-index: 1;
.
.
}
.mainpagebgimage{
position:relative;
z-index: 0;
.
.
}works perfect. Thanks Fang!Ive used the z-index and have had some issues with firefox vs. IE.
Here is what I encountered (using the suckerfish navigation bar).
This works in IE, but NOT in FF - what happens is the text never appears in FF, however the drop down is displayed perfectly in IE:
menu item is z-index:0;
text div is z-index:-1;
This works in FF, but NOT in IE - what happens is in FF the drop down displays perfectly over the text, however in IE, the drop down does appear, and the drop down appears however the TEXT in the navigation drop down overlayed over the actual text on the page. The background does apear, but it is somewhat tranparent and you still see the text from the page:
menu item is z-index:2;
text div is z-index:1;
Anyone else have this issue?
Thx,
DPKNegative z-index values do not work in all browsers.
If the background is transparent, change the background properties. This has nothing to dop with the z-index.