Hi folks...<br />
<br />
Trying to workout how to have an image sit outside of an I-frame yet have it overlap/bleed into the I-frame.<br />
<br />
I know drop down menus etc have problems with crossing into another frame but don't know if the same problems are associated with images that are placed in terms of a z-index.<br />
<br />
To get I feel for what I am trying to achieve have a look at: <!-- w --><a class="postlink" href="http://www.entimp.com/garra/test.htm">www.entimp.com/garra/test.htm</a><!-- w --><br />
<br />
what I want is a palm tree to sit on the right side of the layout, full height, dipping over the I-frame. This way the I-frame and its content will scroll behind it to a certain extent. I hope that explains what I mean... Any suggestions would be grateful.<br />
<br />
Thanks Entimp<!--content-->ooey, that's purty! there is a very slight seam at the top of the buttons in Moz1.3/Win98 @1024x768. as for how to do what you want, that's a good one. there's got to be a way. i'm just not sure how i would go about it. have you already tried what you described? 'coz that's definitely the first thing i would try, but if it doesn't work, then geezsh... i dunno!<br />
<br />
as far as i know i-frames don't have the same problems with overlapping content that regular frames have, but i could be waaay off on that.<!--content-->heres your answer: made a sample using pictures of wood at my site (its 3 am, too tired to look for palm trees)<br />
<br />
<!-- m --><a class="postlink" href="http://www.xdemi.com/temp/htmlforumhelp5.html">http://www.xdemi.com/temp/htmlforumhelp5.html</a><!-- m --><br />
<br />
i gave three samples: the two images where the z-index was equal to or greater than the iframe's z-index was overlapping the iframe<br />
<br />
here's what you should do:<br />
(add stuff in red, replace with your own values the stuff in yellow)<br />
<br />
<iframe width="500" height="335" align="center" name="main" src=http://www.htmlforums.com/archive/index.php/"framecontent/index.htm"<br />
frameborder="yes" style="z-index:0" ></iframe><br />
<br />
...<br />
<br />
<div style="position:absolute;top:70;right:200;z-index:1"><br />
<img src=http://www.htmlforums.com/archive/index.php/"wood.jpg" /></div><br />
<br />
<br />
<br />
enjoy<!--content-->damn whats the matter with my stupid server, ... if the link doesn't work, check back later - i'm gonna go restart my server right now, theres seems to be a bug... doesn't seem to register anything i upload...<!--content-->yeeaaaa now my mail servers are broken and ftp logon are all not functioning... so i moved your example to a free hosting service:<br />
<br />
<!-- m --><a class="postlink" href="http://www.ffviphp.ionichost.com/htmlforumhelp5.html">http://www.ffviphp.ionichost.com/htmlforumhelp5.html</a><!-- m --><br />
<br />
so check it out... if you need it taht is.<!--content-->Thanks for the help. I tried your suggestion and it worked. However I have to work out how to position to make it work. The problem is that the console style design will always be centered on the screen making the whole thing dynamic. I have to read up on the whole absolute Vs relative position layout. I think I might have to revert to some tricks to get this to work.<br />
<br />
Thanks for taking the effort to give an example as well of the solution.<!--content-->noooo problem<!--content-->
<br />
Trying to workout how to have an image sit outside of an I-frame yet have it overlap/bleed into the I-frame.<br />
<br />
I know drop down menus etc have problems with crossing into another frame but don't know if the same problems are associated with images that are placed in terms of a z-index.<br />
<br />
To get I feel for what I am trying to achieve have a look at: <!-- w --><a class="postlink" href="http://www.entimp.com/garra/test.htm">www.entimp.com/garra/test.htm</a><!-- w --><br />
<br />
what I want is a palm tree to sit on the right side of the layout, full height, dipping over the I-frame. This way the I-frame and its content will scroll behind it to a certain extent. I hope that explains what I mean... Any suggestions would be grateful.<br />
<br />
Thanks Entimp<!--content-->ooey, that's purty! there is a very slight seam at the top of the buttons in Moz1.3/Win98 @1024x768. as for how to do what you want, that's a good one. there's got to be a way. i'm just not sure how i would go about it. have you already tried what you described? 'coz that's definitely the first thing i would try, but if it doesn't work, then geezsh... i dunno!<br />
<br />
as far as i know i-frames don't have the same problems with overlapping content that regular frames have, but i could be waaay off on that.<!--content-->heres your answer: made a sample using pictures of wood at my site (its 3 am, too tired to look for palm trees)<br />
<br />
<!-- m --><a class="postlink" href="http://www.xdemi.com/temp/htmlforumhelp5.html">http://www.xdemi.com/temp/htmlforumhelp5.html</a><!-- m --><br />
<br />
i gave three samples: the two images where the z-index was equal to or greater than the iframe's z-index was overlapping the iframe<br />
<br />
here's what you should do:<br />
(add stuff in red, replace with your own values the stuff in yellow)<br />
<br />
<iframe width="500" height="335" align="center" name="main" src=http://www.htmlforums.com/archive/index.php/"framecontent/index.htm"<br />
frameborder="yes" style="z-index:0" ></iframe><br />
<br />
...<br />
<br />
<div style="position:absolute;top:70;right:200;z-index:1"><br />
<img src=http://www.htmlforums.com/archive/index.php/"wood.jpg" /></div><br />
<br />
<br />
<br />
enjoy<!--content-->damn whats the matter with my stupid server, ... if the link doesn't work, check back later - i'm gonna go restart my server right now, theres seems to be a bug... doesn't seem to register anything i upload...<!--content-->yeeaaaa now my mail servers are broken and ftp logon are all not functioning... so i moved your example to a free hosting service:<br />
<br />
<!-- m --><a class="postlink" href="http://www.ffviphp.ionichost.com/htmlforumhelp5.html">http://www.ffviphp.ionichost.com/htmlforumhelp5.html</a><!-- m --><br />
<br />
so check it out... if you need it taht is.<!--content-->Thanks for the help. I tried your suggestion and it worked. However I have to work out how to position to make it work. The problem is that the console style design will always be centered on the screen making the whole thing dynamic. I have to read up on the whole absolute Vs relative position layout. I think I might have to revert to some tricks to get this to work.<br />
<br />
Thanks for taking the effort to give an example as well of the solution.<!--content-->noooo problem<!--content-->