Anzeige

Flash Gallerie und Youtube Videos überlagern Menü!?

Flash Gallerie und Youtube Videos überlagern Menü!? | PSD-Tutorials.de

Erstellt von Neocrow, 02.11.2009.

  1. Neocrow

    Neocrow Noch nicht viel geschrieben

    Dabei seit:
    31.07.2009
    Beiträge:
    8
    Geschlecht:
    männlich
    Flash Gallerie und Youtube Videos überlagern Menü!?
    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.

    [​IMG]

    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:

    Code (Text):
    1. <div id="haupt">
    2.  <div id="mitte">
    3.  
    4.     <script type="text/javascript">
    5.         var flashvars = {XMLFile: "gallery.xml"};
    6.         var params = {bgcolor: "#0xE5E5FF"};
    7.         swfobject.embedSWF("PhotoFlowGalleryDemo.swf", "myAlternativeContent", "700", "300", "9.0.0",false, flashvars, params);
    8.     </script>
    9.  
    10.     <div id="myAlternativeContent">
    11.         <a href="http://www.adobe.com/go/getflashplayer">
    12.         <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
    13.         </a>
    14.     </div>
    UND DAS DER MENÜCODE:

    Code (Text):
    1.  <div id="navi">
    2.     <ul id="MenuBar1" class="MenuBarVertical">
    3.       <li><a href="index.html">Home</a></li>
    4.       <li><a href="seiten/gaestebuch.html">Gästebuch</a></li>
    5.       <li><a href="#" class="MenuBarItemSubmenu">Die Kampfkünste</a>
    6.         <ul>
    7.           <li><a href="#" class="MenuBarItemSubmenu">WingTsun</a>
    8.             <ul>
    9.               <li><a href="seiten/wingtsun/geschichte.html">Geschichte</a></li>
    10.               <li><a href="seiten/wingtsun/bilder.html">Bilder</a></li>
    11.               <li><a href="seiten/wingtsun/videos.html">Videos</a></li>
    12.             </ul>
    13.           </li>
    14.           <li><a href="#" class="MenuBarItemSubmenu">Karate</a>
    15.             <ul>
    16.               <li><a href="seiten/karate/geschichte.html">Geschichte</a></li>
    17.               <li><a href="seiten/karate/bilder.html">Bilder</a></li>
    18.               <li><a href="seiten/karate/videos.html">Videos</a></li>
    19.             </ul>
    20.           </li>
    21.           <li><a href="#" class="MenuBarItemSubmenu">Muay Thai</a>
    22.             <ul>
    23.               <li><a href="seiten/muaythai/geschichte.html">Geschichte</a></li>
    24.               <li><a href="seiten/muaythai/bilder.html">Bilder</a></li>
    25.               <li><a href="seiten/muaythai/videos.html">Videos</a></li>
    26.             </ul>
    27.           </li>
    28.           <li><a href="#" class="MenuBarItemSubmenu">Judo</a>
    29.             <ul>
    30.               <li><a href="seiten/judo/geschichte.html">Geschichte</a></li>
    31.               <li><a href="seiten/judo/bilder.html">Bilder</a></li>
    32.               <li><a href="seiten/judo/videos.html">Videos</a></li>
    33.             </ul>
    34.           </li>
    35.           <li><a href="#" class="MenuBarItemSubmenu">Krav Maga</a>
    36.             <ul>
    37.               <li><a href="seiten/kravmaga/geschichte.html">Geschichte</a></li>
    38.               <li><a href="seiten/kravmaga/bilder.html">Bilder</a></li>
    39.               <li><a href="seiten/kravmaga/videos.html">Videos</a></li>
    40.             </ul>
    41.           </li>
    42. <li><a href="#" class="MenuBarItemSubmenu">Shaolin Kung-Fu</a>
    43.             <ul>
    44.               <li><a href="seiten/shaolinkungfu/geschichte.html">Geschichte</a></li>
    45.               <li><a href="seiten/shaolinkungfu/bilder.html">Bilder</a></li>
    46.               <li><a href="seiten/shaolinkungfu/videos.html">Videos</a></li>
    47.             </ul>
    48.           </li>
    49.           <li><a href="#" class="MenuBarItemSubmenu">Taekwondo</a>
    50.             <ul>
    51.               <li><a href="seiten/taekwondo/geschichte.html">Geschichte</a></li>
    52.               <li><a href="seiten/taekwondo/bilder.html">Bilder</a></li>
    53.               <li><a href="seiten/taekwondo/videos.html">Videos</a></li>
    54.             </ul>
    55.           </li>
    56.           <li><a href="#" class="MenuBarItemSubmenu">Aikido</a>
    57.             <ul>
    58.               <li><a href="seiten/aikido/geschichte.html">Geschichte</a></li>
    59.               <li><a href="seiten/aikido/bilder.html">Bilder</a></li>
    60.               <li><a href="seiten/aikido/videos.html">Videos</a></li>
    61.             </ul>
    62.           </li>
    63.           <li><a href="#" class="MenuBarItemSubmenu">Jeet Kune Do</a>
    64.             <ul>
    65.               <li><a href="seiten/jeetkunedo/geschichte.html">Geschichte</a></li>
    66.               <li><a href="seiten/jeetkunedo/bilder.html">Bilder</a></li>
    67.               <li><a href="seiten/jeetkunedo/videos.html">Videos</a></li>
    68.             </ul>
    69.           </li>
    70.         </ul>
    71.       </li>
    72.       <li><a href="seiten/kontakt.html">Kontakt</a></li>
    73.       <li><a href="seiten/impressum.html">Impressum</a>      </li>
    74.     </ul>
    hoffe mir kann einer helfen.
    brauche dies unbedingt bis spätestens mittwoch! lieben dank
     
    Zuletzt bearbeitet: 02.11.2009
    #1      
  2. wavetraxx

    wavetraxx Noch nicht viel geschrieben

    Dabei seit:
    02.08.2007
    Beiträge:
    13
    Geschlecht:
    männlich
    Flash Gallerie und Youtube Videos überlagern Menü!?
    #2      
  3. Neocrow

    Neocrow Noch nicht viel geschrieben

    Dabei seit:
    31.07.2009
    Beiträge:
    8
    Geschlecht:
    männlich
    Flash Gallerie und Youtube Videos überlagern Menü!?
    AW: Flash Gallerie und Youtube Videos überlagern Menü!?

    nein das bringt leider nichts.
    mein dozent hat auch schon alles probiert.
     
    #3      
  4. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Flash Gallerie und Youtube Videos überlagern Menü!?
    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
    Code (Text):
    1.  
    2. var params = {
    3.               bgcolor: "#0xE5E5FF",
    4.               wmode  : "opaque"
    5.               };
    6.  
    7.  
     
    #4      
  5. Neocrow

    Neocrow Noch nicht viel geschrieben

    Dabei seit:
    31.07.2009
    Beiträge:
    8
    Geschlecht:
    männlich
    Flash Gallerie und Youtube Videos überlagern Menü!?
    AW: Flash Gallerie und Youtube Videos überlagern Menü!?

    bringt auch nix leider. hm echt komisch das ganze.
     
    #5      
  6. Dennis Kovarik

    Dennis Kovarik Aktives Mitglied Kreativ-Flatrate-User

    Dabei seit:
    11.08.2009
    Beiträge:
    653
    Geschlecht:
    männlich
    Ort:
    Troisdorf (Köln/Bonn)
    Software:
    CC 2018, Sketch, Visual Studio Code, Brackets, Coda, Sublime, Atom, PhpStrom, CodeKit, WordPress
    Kameratyp:
    Canon EOS 450D, iPhone 6s Plus
    Flash Gallerie und Youtube Videos überlagern Menü!?
    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ß
     
    #6      
Seobility SEO Tool
x
×
×