You can’t set Flash as a background image. Won’t work. Flash is an object which resides outside of the DOM specs – it’s some nice gadget that’s placed on the page but, in all honesty, is rarely (if at all) affected by HTML code. It’s like comparing apples to oranges – they are nowhere near the same thing. Yes, you can place Flash items within your page, but it’s a whole different ballgame when you do.
Replacing the masthead image with a flash file background call in your CSS file wil NOT work. The substitution of the div with the flash object *is* the correct way to get it to display.
However, when you say “the rest won’t appear” I’m not clear on that. The flash could be overlaying the sidebar and stuff, or you could have some weird CSS coding for the #teste div – I don’t know. I can’t see any coding (or an example of the “Weirdness”) from the link you’ve provided – so I don’t know what to tell you to do to fix it.
However, if you want the Flash to appear in the #masthead div, then place all of that stuff from #teste between your masthead tags in the HTML. No need for a new div – just put the flash stuff within #masthead, and then we can see where to go from there 🙂
Thread Starter
homasa
(@homasa)
hello doodlebee and thank you for your answer.
after a while decided to change a bit the layout.
i had in mind to put the pub from my sponsors in the header but because my layout is so small i will place it on the footer as u can see it now on my site.
the problem was that when i putted the code from the flash movie in the middel of the div tag, or even if i remove entirely the div tag and sustituted it for the movie it had an nasty effect on the theme layout. there seems to be really an css failure.
thx again doodlebee
The code you posted above:
<div id="teste"></div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="660" height="106">
<param name="movie" value="banners/header.swf">
<param name=quality value=high>
<embed src="banners/header.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="660" height="106"></embed>
<div>
has some errors in it that would probably mess up the rest of the page display. You have an opening and closing DIV tag at the beginning and another opening DIV tag at the end that isn’t closed. You also have an opening OBJECT tag that should be closed right after the closing EMBED tag but isn’t closed at all.
>> there seems to be really an css failure.<<
No, this is most definitely *not* a CSS failure. It’s a coding failure.
However, I see you’ve implemented the suggestions ptvguy mentioned above, which is good. But you also have quite a few errors inyour page when it
gets validated. If your page doesn’t validate, it’ll throw the browser into “quirks” mode, and you get weird stuff happening as well. So you should most definitely validate your page to help alleviate any issues. (some of these errors come from having Flash in the page – because Flash objects usually don’t validate anyway – but you have a lot of unclised tags and multiple uses of ID’s that could also be messing things up.)
Help…I want to do a Flash header and came across this site http://houseofnaked.com/
I came searching to see if anyone knew how to use their code to insert it into another blog. It appears that this is the code to work with…
<div id=”header”>
<object
classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″
width=”720″ height=”243″
id=”mymoviename”>
<param name=”movie” value=”http://www.houseofnaked.com/wp-content/themes/naked/images/HomeZoom.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<embed src=”http://www.houseofnaked.com/wp-content/themes/naked/images/cg_nakedHome_02.swf” quality=”high” bgcolor=”#ffffff”
width=”720″ height=”243″
name=”mymoviename” align=”” type=”application/x-shockwave-flash”
pluginspage=”http://www.macromedia.com/go/getflashplayer”/>
</object>
</div>
