First let me say that I am a complete noob when it comes to CSS, but it was recommended to remedy the situation I am currently in by another DP member. I have an image that can be seen below: The center is transparent and I am wanting to load flash in the center of the tv from a link like this: <IFRAME width=400 height=400 src=http://www.nescafeweb.com/nescafe/?gameurl=http://www.nescafeweb.com/games/DuckTales.zip></center> </IFRAME> Code (markup): I have no idea how to do this so any suggestions, help, examples, or all of the above...would be very much appreciated! I just have no idea how to do it
ack, frames! No clue. I was thinking something like this: <div id="flashcontainer"> <object type="application/x-shockwave-flash" data="nameofmovie.swf" width="300" height="300"> <param name="movie" value="nameofmovie.swf" /> </object> </div> And then something like this (assuming the TV border was like 100px thick) #flashcontainer { background-image: url(tv.gif) 0 0 -no-repeat; width: 400px; height: 400px; position: relative; } #flashcontainer object { margin: 100px 0 0 100px; } OR #flashcontainer object { position: aboslute; left: 100px; top: 100px; } This is what I would try first. The Flash code is called Satay; it makes IE6 ask "Click to continue loading the page" (so Javascript is often used instead of Satay) AND if it's a long film, you'll want the "container" film so IE starts playing it right away http://www.alistapart.com/articles/flashsatay or SWFObject (the javascript version) Flash is picky as far as how browsers set it on the page. So, I think your tv will need some black buffer around the edge of the screen so the Flash can overlap a bit and still look okay. Using this method, the flash is alwasy on top so actually the transparent part wouldn't be necessary... it could be black in the screen or have an image which shows before the flash gets loaded.
thanks for your help bro...yeah frames = ...lol I will give your method a try and report back if I have any luck with it. +rep tho either way