Flash Gallerie und Youtube Videos überlagern Menü!?

[Neocrow]

Flash Gallerie und Youtube Videos überlagern Spry-Menü!?

Hi leute,

sitze hier in der weiterbildung und komme nicht weiter (auch mein dozent findet nichts)
ich versuche es mal so genau wie möglich zu erklären:

arbeite gerade an einem projekt. habe links eine spry-menüleiste (vertikal) eingebaut und mehrere unterpunkte hinzugefügt. und eine photoflow flash gallerie demo eingebaut in der kategorie "bilder". und youtube videos in der katergorie "videos". jetzt ist das problem die gallerie sowie die videos überlagern mein spry-menü. ich hänge mal ein bild an.



ich möchte aber das das menü natürlich "ÜBER" den videos und flash gallerie ist. es muss doch möglich sein? sonst wäre das ja alles voll unlogisch aufgebaut? muss ich was im html oder ccs ect ändern?

DAS WÄRE DER FLASHCODE:

<div id="haupt">
 <div id="mitte"> 

    <script type="text/javascript">
        var flashvars = {XMLFile: "gallery.xml"};
        var params = {bgcolor: "#0xE5E5FF"};
        swfobject.embedSWF("PhotoFlowGalleryDemo.swf", "myAlternativeContent", "700", "300", "9.0.0",false, flashvars, params);
    </script>

    <div id="myAlternativeContent">
        <a href="http://www.adobe.com/go/getflashplayer">
        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
        </a>
    </div>

UND DAS DER MENÜCODE:

 <div id="navi"> 
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="index.html">Home</a></li>
      <li><a href="seiten/gaestebuch.html">Gästebuch</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Die Kampfkünste</a>
        <ul>
          <li><a href="#" class="MenuBarItemSubmenu">WingTsun</a>
            <ul>
              <li><a href="seiten/wingtsun/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/wingtsun/bilder.html">Bilder</a></li>
              <li><a href="seiten/wingtsun/videos.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Karate</a>
            <ul>
              <li><a href="seiten/karate/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/karate/bilder.html">Bilder</a></li>
              <li><a href="seiten/karate/videos.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Muay Thai</a>
            <ul>
              <li><a href="seiten/muaythai/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/muaythai/bilder.html">Bilder</a></li>
              <li><a href="seiten/muaythai/videos.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Judo</a>
            <ul>
              <li><a href="seiten/judo/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/judo/bilder.html">Bilder</a></li>
              <li><a href="seiten/judo/videos.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Krav Maga</a>
            <ul>
              <li><a href="seiten/kravmaga/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/kravmaga/bilder.html">Bilder</a></li>
              <li><a href="seiten/kravmaga/videos.html">Videos</a></li>
            </ul>
          </li>
<li><a href="#" class="MenuBarItemSubmenu">Shaolin Kung-Fu</a>
            <ul>
              <li><a href="seiten/shaolinkungfu/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/shaolinkungfu/bilder.html">Bilder</a></li>
              <li><a href="seiten/shaolinkungfu/videos.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Taekwondo</a>
            <ul>
              <li><a href="seiten/taekwondo/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/taekwondo/bilder.html">Bilder</a></li>
              <li><a href="seiten/taekwondo/videos.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Aikido</a>
            <ul>
              <li><a href="seiten/aikido/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/aikido/bilder.html">Bilder</a></li>
              <li><a href="seiten/aikido/videos.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Jeet Kune Do</a>
            <ul>
              <li><a href="seiten/jeetkunedo/geschichte.html">Geschichte</a></li>
              <li><a href="seiten/jeetkunedo/bilder.html">Bilder</a></li>
              <li><a href="seiten/jeetkunedo/videos.html">Videos</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="seiten/kontakt.html">Kontakt</a></li>
      <li><a href="seiten/impressum.html">Impressum</a>      </li>
    </ul>

hoffe mir kann einer helfen.
brauche dies unbedingt bis spätestens mittwoch! lieben dank

 

[wavetraxx]

AW: Flash Gallerie und Youtube Videos überlagern Menü!?

Das Zauberwort lautet: z-index

Bitte kostenlos registrieren, damit du die Links siehst.

 

[Neocrow]

AW: Flash Gallerie und Youtube Videos überlagern Menü!?

nein das bringt leider nichts.
mein dozent hat auch schon alles probiert.

 

[sokie]

AW: Flash Gallerie und Youtube Videos überlagern Menü!?

weder im html noch im css. um zu erreichen, dass Flash inhalte nicht zu oberst im Stapel angezeigt werden muss der Parameter "wmode" gesetzt sein. der Wert kann "opaque" (ohne Transparenz) oder "transparent" sein.
zB

var params = {
              bgcolor: "#0xE5E5FF",
              wmode  : "opaque"
              };

 

[Neocrow]

AW: Flash Gallerie und Youtube Videos überlagern Menü!?

bringt auch nix leider. hm echt komisch das ganze.

 

[Dennis Kovarik]

AW: Flash Gallerie und Youtube Videos überlagern Menü!?

wavetraxx und sokie´s variante, in kombination, ist der richtige weg.

- flashelement bekommt den parameter "wmode: "opaque" und das dazugehörige div einen z-index, z.B. 2 und das Menü den z-index: 3. so kenn ich es und so hats funktioniert.

kenn das problem noch vom myspace-seiten basteln, divs und flash.

gruß