Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS][JavaScript]Problem z rozwijanym menu i flashem.
Forum PHP.pl > Forum > Przedszkole
bartekm0
19.07.2009, 03:26:52
Robię sobie portfolio i używam galerii we flashu bardzo spodobał mi się jej efekt ale jednocześnie mam problem z moim rozwijanym menu chowa sie pod animacje flash. Trafiłem już na podobny temat na tym forum ale niewiele mi to pomogło. Potrzebuje bardzie dokładnych wytycznych żeby ktoś poprowadził mnie za rączkę. biggrin.gif

Kod strony:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta name="generator" content="WebSite PRO 4.3" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. <link rel="stylesheet" type="text/css" href="http://webgfx.privacy.pl/portfolio/chromestyle.css" />
  6. <title>Bartłomiej Marchlewicz Portfolio</title>
  7. <script type="text/javascript" src="http://webgfx.privacy.pl/portfolio/chrome.js"></script>
  8. </head>
  9. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  10.  
  11. <!-- SITE -->
  12. <center>
  13. <table id="Tabela_01" width="900" height="700" border="0" cellpadding="0" cellspacing="0">
  14.  
  15. <!-- LOGO -->
  16.        <tr>
  17.               <td colspan="17">
  18.                      <img src="http://webgfx.privacy.pl/portfolio/images/logo.gif" width="900" height="237" alt=""></td>
  19.        </tr>
  20. <!-- KONIEC LOGO -->
  21.  
  22. <!-- MENU -->
  23.        <tr class="chromestyle" id="chromemenu">
  24.               <td colspan="2">
  25.                      <img src="http://webgfx.privacy.pl/portfolio/images/menu_1.gif" width="52" height="24" alt=""></td>
  26.               <td width="64" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  27.                 <ul>
  28.                 <li><a href="index.html">GŁÓWNA</a></li>
  29.                 </ul>
  30.               </td>
  31.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_2.gif" width="2" height="24" alt=""></td>
  32.               <td width="65" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  33.                 <ul>
  34.                 <li><a href="#" rel="dropmenu1">NEWS</a></li>
  35.                 </ul>
  36.                 <!--1st drop down menu -->
  37.                 <div id="dropmenu1" class="dropmenudiv" style="width: 90px;">
  38.                 <a href="dane.html">Dane Personalne</a>
  39.                 <a href="zaiteresowania.html">Zaiteresowania</a>
  40.                 <a href="kwalifikacje">Kwalifikacje</a>
  41.                 <a href="http://www.codingforums.com">Coding Forums</a>
  42.                 </div>
  43.               </td>
  44.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_3.gif" width="2" height="24" alt=""></td>
  45.               <td width="69" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  46.                 <ul>
  47.                 <li><a href="#" rel="dropmenu2">GALERIA</a></li>
  48.                 </ul>
  49.                 <!--2nd drop down menu -->
  50.                 <div id="dropmenu2" class="dropmenudiv" style="width: 80px;">
  51.                 <a href="http://www.cnn.com/">Layouty</a>
  52.                 <a href="http://www.msnbc.com">Loga</a>
  53.                 <a href="http://news.bbc.co.uk">Zdjecia</a>
  54.                 <a href="http://news.bbc.co.uk">Wizytówki</a>
  55.                 <a href="http://news.bbc.co.uk">Plakaty</a>
  56.                 <a href="http://news.bbc.co.uk">Bannery</a>
  57.                 <a href="http://news.bbc.co.uk">Inne</a>
  58.                 </div>
  59.                 </td>
  60.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_4.gif" width="2" height="24" alt=""></td>
  61.               <td width="65" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  62.                 <ul>
  63.                 <li><a href="index.html">OFERTA</a></li>
  64.                 </ul>
  65.               </td>
  66.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_5.gif" width="2" height="24" alt=""></td>
  67.               <td width="89" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  68.               <ul>
  69.                 <li><a href="index.html">WSPÓŁPRACA</a></li>
  70.               </ul>
  71.               </td>
  72.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_6.gif" width="2" height="24" alt=""></td>
  73.               <td width="69" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  74.               <ul>
  75.                 <li><a href="index.html">KONTAKT</a></li>
  76.               </ul>
  77.               </td>
  78.               <td><img src="http://webgfx.privacy.pl/portfolio/images/menu_7.gif" width="2" height="24" alt=""></td>
  79.               <td width="39" height="24" background="http://webgfx.privacy.pl/portfolio/images/chromebg.gif">
  80.               <ul>
  81.                 <li><a href="index.html">LINKI</a></li>
  82.               </ul>
  83.               <script type="text/javascript">
  84.                 cssdropdown.startchrome("chromemenu")
  85.               </script>
  86.               </td>
  87.               <td colspan="2" width="369" height="24" background="http://webgfx.privacy.pl/portfolio/images/menu_8.gif">
  88.                 </td>
  89.        </tr>
  90. <!-- KONIEC MENU -->
  91.  
  92. <!-- MAIN -->
  93.        <tr>
  94.               <td background="http://webgfx.privacy.pl/portfolio/images/bg_bok.gif"></td>
  95.               <td colspan="15" background="http://webgfx.privacy.pl/portfolio/images/bg_center.gif" valign="top" height="450">
  96. <?php include 'index2.html'; ?>
  97.  
  98.                 </td>
  99.               <td background="http://webgfx.privacy.pl/portfolio/images/bg_bok.gif"></td>
  100.        </tr>
  101. <!-- KONIEC MAIN -->
  102.  
  103. <!-- FOOTER -->
  104.        <tr>
  105.               <td colspan="17" background="http://webgfx.privacy.pl/portfolio/images/footer.gif" height="25">
  106.                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color=white size=2> All rights reserved. BM-Design 2009</font></td>
  107.        </tr>
  108. <!-- KONIEC FOOTER -->
  109. </table>
  110. </center>
  111. <!-- KONIEC SITE -->
  112. <BR><BR>
  113. </body>
  114. </html>
[HTML] pobierz, plaintext


Kod strony od flasha nazwanej index2.html

[HTML] pobierz, plaintext 
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3. <meta name="generator" content="WebSite PRO 4.3" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <style type="text/css">
  6. <!--body {       
  7. margin-left: 0px;       
  8. margin-top: 0px;       
  9. margin-right: 0px;       
  10. margin-bottom: 0px;
  11.  
  12. }
  13.  
  14. -->
  15. </style> 
  16. <script language="javascript">AC_FL_RunContent = 0;</script>
  17. <script src="AC_RunActiveContent.js" language="javascript"></script>
  18. </head>
  19. <body>
  20. <!--url's used in the movie-->
  21. <!--text used in the movie-->
  22. <!-- saved from url=(0013)about:internet -->
  23. <script language="javascript">
  24.        if (AC_FL_RunContent == 0) {
  25.               alert("This page requires AC_RunActiveContent.js.");
  26.        } else {
  27.               AC_FL_RunContent(
  28.                      'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
  29.                      'width', '100%',
  30.                      'height', '100%',
  31.                      'src', 'main',
  32.                      'quality', 'high',
  33.                      'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
  34.                      'align', 'middle',
  35.                      'play', 'true',
  36.                      'loop', 'true',
  37.                      'scale', 'noscale',
  38.                      'wmode', 'window',
  39.                      'devicefont', 'false',
  40.                      'id', 'main',
  41.                      'bgcolor', '#000000',
  42.                      'name', 'main',
  43.                      'menu', 'true',
  44.                      'allowFullScreen', 'true',
  45.                      'allowScriptAccess','sameDomain',
  46.                      'movie', 'main',
  47.                      'salign', ''
  48.                      ); //end AC code
  49.        }
  50. </script>
  51. <noscript>
  52.        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="fullscreen" align="middle">
  53.        <param name="allowScriptAccess" value="sameDomain" />
  54.        <param name="allowFullScreen" value="true" />
  55.        <param name="movie" value="main.swf" />
  56.        <param name="quality" value="high" />
  57.        <param name="scale" value="noscale" />
  58.        <param name="bgcolor" value="#000000" />
  59.        <param name="allowscriptaccess" value="samedomain">
  60.        <param name="wmode" value="opaque">
  61.        <embed src="main.swf"
  62.        quality="high"
  63.        scale="noscale"
  64.        bgcolor="#000000"
  65.        width="100%"
  66.        height="100%"
  67.        name="main"
  68.        align="middle"
  69.        allowScriptAccess="sameDomain"
  70.        allowFullScreen="true"
  71.        type="application/x-shockwave-flash"
  72.        pluginspage="http://www.macromedia.com/go/getflashplayer"
  73.        wmode="opaque"/>
  74.        </object>
  75. </noscript>
  76. </body>
  77. </html>
[HTML] pobierz, plaintext



I style css:
[HTML] pobierz, plaintext 
  1. .chromestyle{
  2. width: 99%;
  3. font:normal 9px Arial;
  4. }
  5.  
  6. .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
  7. content: "."; 
  8. display: block; 
  9. height: 0; 
  10. clear: both; 
  11. visibility: hidden;
  12. margin:0;
  13. }
  14.  
  15. .chromestyle ul{
  16. border: 0px solid #BBB;
  17. width: 100%;
  18. background: url(images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
  19. background-height: 100%;
  20. padding: 6px 1px;
  21. margin: 0;
  22. text-align: center; /*set value to "left", "center", or "right"*/
  23. }
  24.  
  25. .chromestyle ul li{
  26. display: inline;
  27. }
  28.  
  29. .chromestyle ul li a{
  30. color: 7061fd;
  31. margin: 0;
  32. text-decoration: none;
  33. border-right: 0px solid #DADADA;
  34. }
  35.  
  36. .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
  37. background: url(images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
  38. }
  39.  
  40. /* ######### Style for Drop Down Menu ######### */
  41.  
  42. .dropmenudiv{
  43. position:absolute;
  44. top: 0;
  45. border: 1px solid #7061fd; /*THEME CHANGE HERE*/
  46. border-bottom-width: 1;
  47. font:normal 9px Arial;
  48. line-height:18px;
  49. z-index:100;
  50. background-color: black;
  51. width: 200px;
  52. visibility: hidden;
  53. }
  54.  
  55.  
  56. .dropmenudiv a{
  57. width: auto;
  58. display: block;
  59. text-indent: 3px;
  60. border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
  61. padding: 2px 0;
  62. text-decoration: none;
  63. font-weight: bold;
  64. color: 7061fd;
  65. }
  66.  
  67. * html .dropmenudiv a{ /*IE only hack*/
  68. width: 100%;
  69. }
  70.  
  71. .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
  72. background-color: 7061fd;
  73. color: black
  74. }
[HTML] pobierz, plaintext



a tutaj adres do tego jak to wygląda. http://webgfx.privacy.pl/portfolio/layouty/index.php


Proszę o pomoc! Z góry dzięki.
ayeo
19.07.2009, 03:35:35
Witam!

Dodaj to do embed:
Kod
wmode="transparent"


Pozdrawiam!
wookieb
19.07.2009, 08:33:23
Tutaj nie poprawiłeś na opaque
Kod
'wmode', 'window',
bartekm0
19.07.2009, 16:28:06
wookieb. wielkie dzięki działa idealnie. biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.