Member Avatar for vianco

I'm using Macromedia Dreamweaver8, I use flash for my dropdown menu buttons, but i never know how to put another object behind Flash like another table or td, to consume the space of page.. anyone can help me please.. thanks.. I'm a newbie for webdesigning..:)

  • 2 Contributors
  • 2 Replies
  • 115 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by vianco

Dani AI

Generated

As asked about putting an HTML element behind a SWF and suggested a CSS-based approach, here’s a clearer, reliable pattern that keeps the non‑Flash element in the page flow while letting it sit visually behind the SWF.

The important point is that the Flash plugin normally renders above normal HTML. To allow HTML/CSS stacking you must enable windowless mode for the player (set the wmode parameter to opaque or transparent) and place both elements inside a positioned wrapper so the wrapper itself stays in the document flow and consumes space. opaque is usually preferable for performance unless you specifically need transparency. Note: windowless mode can affect rendering, performance and some keyboard/focus behavior — test across browsers.

Example pattern (wrapper stays in flow; inner layers are absolutely positioned):

<div class="swf-wrap">
  <div class="behind">HTML table or content that should sit behind</div>

  <object class="swf" width="600" height="200" data="menu.swf" type="application/x-shockwave-flash">
    <param name="movie" value="menu.swf" />
    <param name="wmode" value="opaque" />
  </object>
</div>

<style>
.swf-wrap { position: relative; width: 600px; height: 200px; }
.behind { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.swf { position: absolute; top: 0; left: 0; z-index: 2; }
</style>

Troubleshooting: make sure wmode is set both as a <param> and in any <embed> attributes if present; clear caches after changes; test in multiple browsers. If layering still fails, confirm the wrapper has explicit size (or use CSS to size it) so the page layout accounts for that space. Also consider replacing Flash with HTML5/CSS/JS controls for long‑term compatibility, since modern browsers have dropped native Flash support.

Recommended Answers

All 2 Replies

Member Avatar for aljiro

You can try placing your SWF file above anything by setting negative margins to it via CSS. Maybe a bit of trial and error.

Member Avatar for vianco

You can try placing your SWF file above anything by setting negative margins to it via CSS. Maybe a bit of trial and error.

uhm.. okie.. I'll try it..:)

thanks for info..:) I'm just a beginer in webdesigning.. hehe..:D thanks a lot..:)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.