Ok I am wanting to have a website that loads a flash movie inside of an image like this: Instead of the screen I want it to have the flash there instead. How can I do this?
It's fairly easy, you could do this: [ YOUR CSS FILE ] ... .flash_container { width: (width of the image)px; height: (height of the image)px; background: url("url of the image"); margin-left: (how far across the flash should appear); margin-top: (how far down the flash should appear); } ... [ / YOUR CSS FILE ] [YOUR HTML] ... <p> Blah, blah blah</p> <div class="flash_container"> ... your flash code here (ie. embed, object, etc.) ... </div> ... [/YOUR HTML] That's it, just make sure you get all the dimensions right in the CSS file.
You could also simply cut out the tv frame, and have the screen part transparent. Browsers are funny about what they do with Flash. Most of them sit the Flash "on top of" the rest of the page, but IE does it a little differently. If the center of the TV were transparent, then it wouldn't matter so much where the browser sticks it. If it's "in" the page, the tv frame would be on top of it (but the flash will show throught the transparent part). If the Flash sits "on top" then it simply covers the transparent part of the screen.
thanks guys I will give these methods a try and see what happens...will let you know if i need any more help!
I have a TV pic with a transparent center, but I am still having trouble with this. The flash always loads either above, beside, or below the image with a transparent center. The flash is coming from a link like: How can I set this up? I am unsure of how to setup a CSS file?