Wanneer je een flashbanner gebruikt binnen een website die met css is gemaakt, dan is de kans groot dat de banner de bovenste laag vormt van de webpagina. Dit betekent dat wanneer de banner bijvoorbeeld onder een css uitklapmenu geplaatst wordt, de items van het menu ‘onder’ de banner verdwijnen. Niet echt de bedoeling natuurlijk. Met z-index etc los je dit niet op, het ligt aan de combinatie ‘object’ en ‘embed’. Css gaat hier niet lekker mee om.

Hoe los je dit nu op?

Na lang zoeken op diverse forums en websites, kwam ik eindelijk achter de oplossing. Met de toevoeging van de onderdelen ‘wmode/opaque’ en ‘menu/false’ werkt het geheel wel naar behoren, en blijft de flashbanner netjes onder het menu liggen.

Hieronder volgt de juiste code bij het aanroepen van een 468×60 flashbanner binnen een css website:

< object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/……..” height=”60″ width=”468″> < /object>
< param name=”movie” value=”http://www.domein.nl/banner.swf”>< /param>
< param name=”quality” value=”high”>< /param>
< param name=”wmode” value=”opaque”>< /param>
< param name=”menu” value=”false”>< /param>
< embed src=”http://www.domein.nl/banner.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”opaque” menu=”false” height=”60″ width=”468″>
< /embed>

Let op! Het gaat niet om de volledige code, ik heb wat moeten editten om het uberhaupt te tonen. Het gaat in het bijzonder om de attributen ‘wmode’ en ‘menu’. Deze moet je toevoegen aan je eigen stuk flash. Vergeet de spaties niet te verwijderen. Hopelijk werkt deze oplossing ook bij anderen!

Tags: CSS, Flash, Menu

Dit bericht is op dinsdag 6 november 2007 om 21:55 binnen de categorie CSS geplaatst. Je kunt reacties op dit bericht volgen via de RSS 2.0 feed. Je kunt een bericht achterlaten, of het bericht in de gaten houden via een trackback vanaf je eigen website.