Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [javascript]problem z menu rozwijanym
Forum PHP.pl > Forum > Przedszkole
colinQ
20.10.2007, 11:23:34 
[HTML] pobierz, plaintext 
  1. a { 
  2. color: white;
  3. text-decoration: none;
  4. }
  5. #strona {
  6. background: url(strona.png);
  7. width: 717px;
  8. height: 800px;
  9. z-index: 3; 
  10. position: absolute; 
  11. top:0px;
  12. left: 275px;
  13. }
  14. #menu {
  15. z-index: 3; 
  16. position: absolute; 
  17. top:128px;
  18. left: 20px;
  19. color: white;
  20. font-family: arial;
  21. font-size: 12px;
  22. }
  23. #stopka {
  24. z-index: 3; 
  25. position: absolute; 
  26. top:770px;
  27. left: 250px;
  28. color: white;
  29. font-family: arial;
  30. font-size: 12px;
  31. }
  32. #stopka2 {
  33. z-index: 3; 
  34. position: absolute; 
  35. top:775px;
  36. left: 560px;
  37. color: white;
  38. font-family: arial;
  39. font-size: 10px;
  40. }
  41. #panel {
  42. z-index: 3; 
  43. position: absolute; 
  44. top: 36px;
  45. left: 550px;
  46. font-family: arial;
  47. font-size: 4px;
  48. }
  49. #mecze {
  50. z-index: 3; 
  51. position: absolute; 
  52. top: 200px;
  53. left: 410px;
  54. font-family: arial;
  55. font-size: 11px;
  56. color: white;
  57. }
  58. #forum {
  59. z-index: 3; 
  60. position: absolute; 
  61. top: 200px;
  62. left: 565px;
  63. font-family: arial;
  64. font-size: 10px;
  65. color: white;
  66. }
  67. #wyniki {
  68. z-index: 3; 
  69. position: absolute; 
  70. top: 510px;
  71. left: 390px;
  72. font-family: arial;
  73. font-size: 11px;
  74. color: white;
  75. }
  76. #partnerzy {
  77. z-index: 3; 
  78. position: absolute; 
  79. top: 510px;
  80. left: 575px;
  81. font-family: arial;
  82. font-size: 10px;
  83. color: white;
  84. }
  85.  
  86. div.submenu
  87. {
  88. z-index: 3; 
  89. position: absolute; 
  90. width: 100px;
  91. visibility:hidden; 
  92. background-color:#B22222; 
  93. padding: 10px 10px 10px 10px;
  94. }
  95.  
  96. <!DOCTYPE HTML SYSTEM>
  97. <head>
  98.  
  99. <title>Arsenal Serwis - Portal Arsenalu London</title>
  100.  
  101. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  102. <META NAME="Copyright" CONTENT="Konrad.Kolasa">
  103. <META NAME="Author" CONTENT="Konrad.Kolasa">
  104. <LINK rel="Stylesheet" type="text/css" href="style.css" >
  105.  
  106.  
  107. <script type="text/javascript">
  108. <!--
  109. function Pokaz(nazwa)
  110. {
  111.   document.getElementById(nazwa).style.visibility = 'visible';
  112. }
  113. function Ukryj(nazwa)
  114. {
  115.   document.getElementById(nazwa).style.visibility = 'hidden';
  116. }
  117. //-->
  118.   </script>
  119.  
  120. <body background="tlo.png">
  121.  
  122. <div id="strona">
  123. <div id="panel"><form method="post" action="#"><input type="text"><br><br><input type="password"><br><br><img src="spacer.gif" width="70" height="0" alt=""><INPUT TYPE="image" NAME="submit" SRC="zaloguj.png"></form></div>
  124. <div>
  125. <div id="menu">Strona Główna<img src="spacer.gif" width="70" height="0" alt="">
  126.  
  127.     <span onmouseover="Pokaz('Klub')" onmouseout="Ukryj('Klub')">Strony</span>
  128.     <div id="Klub" class="submenu" style="left: 120px; top: 20px;">
  129.         <a href="http://www.onet.pl">Onet</a>
  130.         <a href="http://republika.onet.pl">Republika</a>
  131.       </div>
  132. <img src="spacer.gif" width="70" height="0" alt="">Mecz<img src="spacer.gif" width="70" height="0" alt="">Rozgrywki<img src="spacer.gif" width="70" height="0" alt="">Dla Kibica<img src="spacer.gif" width="70" height="0" alt="">Arsenal Serwis</div>
  133. </div>
  134. <div id="mecze"><center><u>poprzedni</u><br><br><small>16.04.2010</small><br><b>FC BARCENONA</b><br>0:1<br><b>Arsenal London</b><br><br><br><u>następny</u><br><br><small>19.04.2010</small><br><b>Juventus Turyn</b><br>-:-<br><b>Arsenal London</b></center></div>
  135. <div id="forum"><center>[ 12.04.2010 ]</center><br>+ Dlaczego tak słabo?<br>+ Najlepsze zagranie...<br>+ Henry podpisał kontrakt<br>+ Nowe filmy na YouTube<br>+ Ile macie autografów?<br>+ Co o tym wiecie?<br>+ Roberto ma żonę...<br>+ Koszulka Arsenalu!<br><br><center>[ 11.04.2010 ]</center><br>+ Dlaczego tak słabo?<br>+ Najlepsze zagranie...<br>+ Henry podpisał kontrakt<br><center><br>>> pokaż więcej <<</center></div>
  136. <div id="wyniki">
  137. <table style="font-size:9px; color:white;" width="130">
  138. <tr align=center bgcolor=696969><td>lp.</td><td> </td><td>drużyna</td><td>pkt</td></tr>
  139. <tr align=center><td>1</td><td>+</td><td>Arsenal London</td><td>28</td></tr>
  140. <tr align=center bgcolor=B22222><td>2</td><td>=</td><td>FC Barcelona</td><td>25</td></tr>
  141. <tr align=center><td>3</td><td>-</td><td>Juventus Turyn</td><td>23</td></tr>
  142. <tr align=center bgcolor=B22222><td>4</td><td>+</td><td>Manchester United</td><td>22</td></tr>
  143. <tr align=center ><td>5</td><td>-</td><td>FC Liverpool</td><td>19</td></tr>
  144. <tr align=center bgcolor=B22222><td>6</td><td>+</td><td>Cherlsea London</td><td>18</td></tr>
  145. <tr align=center ><td>7</td><td>+</td><td>Real Madryt</td><td>17</td></tr>
  146. <tr align=center bgcolor=B22222><td>8</td><td>-</td><td>Celtic Glasgow</td><td>17</td></tr>
  147. <tr align=center ><td>9</td><td>=</td><td>AC Milan</td><td>14</td></tr>
  148. <tr align=center bgcolor=B22222><td>10</td><td>=</td><td>Valencia CF</td><td>14</td></tr>
  149. </table>
  150. </div>
  151. <div id="partnerzy"><center><marquee direction="up">
  152. <img src="http://republika.pl/blog_rm_1199737/2844051/tr/arsenal_button.gif" alt="przykład"><br><br>
  153. <img src="http://www.astonvilla.topworld.org/images/button1.jpg" alt="przykład"><br><br>
  154. <img src="http://kapitanat.one.pl/~wmv/button.jpg" alt="przykład"><br><br>
  155. <img src="http://www.2liga.pl/gfx/button.gif" alt="przykład"><br><br>
  156. <img src="http://www.witominska.net/~arsenal/grafa/button1.gif" alt="przykład"><br><br>
  157. <img src="http://www.gunners.com.pl/graphics/button.gif" alt="przykład"><br><br>
  158. <img src="http://www.gooner.pl/gfx/gooner_pl_button.gif" alt="przykład"><br><br>
  159. </marquee></center></div>
  160. <div id="stopka">copyright by Arsenal Serwis</div>
  161. <div id="stopka2">design by: <a href="http://sigmageo.pl/konrad" style="color: white; text-decoration: none;">konrad.kolasa</a></div>
  162. </div>
  163. </body>
  164. </html>
[HTML] pobierz, plaintext


Dlaczego po zjechaniu z napisu Strony znika tez submenu :/
b_chmura
20.10.2007, 12:03:05
ponieważ tak sobie zażyczyłeś
Kod
<span onmouseover="Pokaz('Klub')" ONMOUSEOUT="Ukryj('Klub')">Strony</span>
colinQ
20.10.2007, 12:05:38
no ja wiem, tak ma być ale, ma być też tak że na ten blok submenu można wjechać winksmiley.jpg
MiFlo
20.10.2007, 12:33:30 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML SYSTEM>
  2. <head>
  3.  
  4. <title>Arsenal Serwis - Portal Arsenalu London</title>
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  7. <META NAME="Copyright" CONTENT="Konrad.Kolasa">
  8. <META NAME="Author" CONTENT="Konrad.Kolasa">
  9. <LINK rel="Stylesheet" type="text/css" href="style.css" >
  10. </head>
  11.  
  12. <script type="text/javascript">
  13. <!--
  14. function Pokaz(nazwa)
  15. {
  16. document.getElementById(nazwa).style.visibility = 'visible';
  17. document.getElementById(nazwa).style.position = 'static';
  18. }
  19. function Ukryj(nazwa)
  20. {
  21. document.getElementById(nazwa).style.visibility = 'hidden';
  22. document.getElementById(nazwa).style.position = 'absolute';
  23. }
  24. //-->
  25. </script>
  26.  
  27. <body background="tlo.png">
  28.  
  29. <div id="strona">
  30. <div id="panel"><form method="post" action="#"><input type="text"><br><br><input type="password"><br><br><img src="spacer.gif" width="70" height="0" alt=""><INPUT TYPE="image" NAME="submit" SRC="zaloguj.png"></form></div>
  31. <div>
  32. <div id="menu">Strona Główna<img src="spacer.gif" width="70" height="0" alt="">
  33. <div class="submenu" style="left: 120px; top: 20px;" onmouseover="Pokaz('Klub')" onmouseout="Ukryj('Klub')">
  34. <span>Strony</span>
  35. <div style="visibility: hidden; position: absolute;" id="Klub">
  36. <a href="http://www.onet.pl">Onet</a>
  37. <a href="http://republika.onet.pl">Republika</a>
  38. </div>
  39. </div>
  40. <img src="spacer.gif" width="70" height="0" alt="">Mecz<img src="spacer.gif" width="70" height="0" alt="">Rozgrywki<img src="spacer.gif" width="70" height="0" alt="">Dla Kibica<img src="spacer.gif" width="70" height="0" alt="">Arsenal Serwis</div>
  41. </div>
  42. <div id="mecze"><center><u>poprzedni</u><br><br><small>16.04.2010</small><br><b>FC BARCENONA</b><br>0:1<br><b>Arsenal London</b><br><br><br><u>następny</u><br><br><small>19.04.2010</small><br><b>Juventus Turyn</b><br>-:-<br><b>Arsenal London</b></center></div>
  43. <div id="forum"><center>[ 12.04.2010 ]</center><br>+ Dlaczego tak słabo?<br>+ Najlepsze zagranie...<br>+ Henry podpisał kontrakt<br>+ Nowe filmy na YouTube<br>+ Ile macie autografów?<br>+ Co o tym wiecie?<br>+ Roberto ma żonę...<br>+ Koszulka Arsenalu!<br><br><center>[ 11.04.2010 ]</center><br>+ Dlaczego tak słabo?<br>+ Najlepsze zagranie...<br>+ Henry podpisał kontrakt<br><center><br>>> pokaż więcej <<</center></div>
  44. <div id="wyniki">
  45. <table style="font-size:9px; color:white;" width="130">
  46. <tr align=center bgcolor=696969><td>lp.</td><td> </td><td>drużyna</td><td>pkt</td></tr>
  47. <tr align=center><td>1</td><td>+</td><td>Arsenal London</td><td>28</td></tr>
  48. <tr align=center bgcolor=B22222><td>2</td><td>=</td><td>FC Barcelona</td><td>25</td></tr>
  49. <tr align=center><td>3</td><td>-</td><td>Juventus Turyn</td><td>23</td></tr>
  50. <tr align=center bgcolor=B22222><td>4</td><td>+</td><td>Manchester United</td><td>22</td></tr>
  51. <tr align=center ><td>5</td><td>-</td><td>FC Liverpool</td><td>19</td></tr>
  52. <tr align=center bgcolor=B22222><td>6</td><td>+</td><td>Cherlsea London</td><td>18</td></tr>
  53. <tr align=center ><td>7</td><td>+</td><td>Real Madryt</td><td>17</td></tr>
  54. <tr align=center bgcolor=B22222><td>8</td><td>-</td><td>Celtic Glasgow</td><td>17</td></tr>
  55. <tr align=center ><td>9</td><td>=</td><td>AC Milan</td><td>14</td></tr>
  56. <tr align=center bgcolor=B22222><td>10</td><td>=</td><td>Valencia CF</td><td>14</td></tr>
  57. </table>
  58. </div>
  59. <div id="partnerzy"><center><marquee direction="up">
  60. <img src="http://republika.pl/blog_rm_1199737/2844051/tr/arsenal_button.gif" alt="przykład"><br><br>
  61. <img src="http://www.astonvilla.topworld.org/images/button1.jpg" alt="przykład"><br><br>
  62. <img src="http://kapitanat.one.pl/~wmv/button.jpg" alt="przykład"><br><br>
  63. <img src="http://www.2liga.pl/gfx/button.gif" alt="przykład"><br><br>
  64. <img src="http://www.witominska.net/~arsenal/grafa/button1.gif" alt="przykład"><br><br>
  65. <img src="http://www.gunners.com.pl/graphics/button.gif" alt="przykład"><br><br>
  66. <img src="http://www.gooner.pl/gfx/gooner_pl_button.gif" alt="przykład"><br><br>
  67. </marquee></center></div>
  68. <div id="stopka">copyright by Arsenal Serwis</div>
  69. <div id="stopka2">design by: <a href="http://sigmageo.pl/konrad" style="color: white; text-decoration: none;">konrad.kolasa</a></div>
  70. </div>
  71. </body>
  72. </html>
[HTML] pobierz, plaintext


Chyba o to ci chodziło smile.gif
colinQ
20.10.2007, 23:35:09 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML SYSTEM>
  2. <head>
  3.  
  4. <title>Arsenal Serwis - Portal Arsenalu London</title>
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  7. <META NAME="Copyright" CONTENT="Konrad.Kolasa">
  8. <META NAME="Author" CONTENT="Konrad.Kolasa">
  9. <LINK rel="Stylesheet" type="text/css" href="style.css" >
  10. </head>
  11.  
  12. <script type="text/javascript">
  13. <!--
  14. function Pokaz(nazwa)
  15. {
  16. document.getElementById(nazwa).style.visibility = 'visible';
  17. document.getElementById(nazwa).style.position = 'static';
  18. }
  19. function Ukryj(nazwa)
  20. {
  21. document.getElementById(nazwa).style.visibility = 'hidden';
  22. document.getElementById(nazwa).style.position = 'absolute';
  23. }
  24. //-->
  25. </script>
  26.  
  27. <body background="tlo.png">
  28.  
  29. <div id="strona">
  30. <div id="panel"><form method="post" action="#"><input type="text"><br><br><input type="password"><br><br><img src="spacer.gif" width="70" height="0" alt=""><INPUT TYPE="image" NAME="submit" SRC="zaloguj.png"></form></div>
  31. <div id="menu">Strona Główna<img src="spacer.gif" width="70" height="0" alt="">
  32.  
  33. <span onmouseover="Pokaz('Klub')" onmouseout="Ukryj('Klub')">
  34. Strony
  35. </span>
  36.  
  37. <img src="spacer.gif" width="70" height="0" alt="">Mecz<img src="spacer.gif" width="70" height="0" alt="">Rozgrywki<img src="spacer.gif" width="70" height="0" alt="">Dla Kibica<img src="spacer.gif" width="70" height="0" alt="">Arsenal Serwis</div>
  38. <div class="submenu" id="Klub" style="left: 120px;">
  39. <a href="http://www.onet.pl">Onet</a>
  40. </div>
  41. <div id="mecze"><center><u>poprzedni</u><br><br><small>16.04.2010</small><br><b>FC BARCENONA</b><br>0:1<br><b>Arsenal London</b><br><br><br><u>następny</u><br><br><small>19.04.2010</small><br><b>Juventus Turyn</b><br>-:-<br><b>Arsenal London</b></center></div>
  42. <div id="forum"><center>[ 12.04.2010 ]</center><br>+ Dlaczego tak słabo?<br>+ Najlepsze zagranie...<br>+ Henry podpisał kontrakt<br>+ Nowe filmy na YouTube<br>+ Ile macie autografów?<br>+ Co o tym wiecie?<br>+ Roberto ma żonę...<br>+ Koszulka Arsenalu!<br><br><center>[ 11.04.2010 ]</center><br>+ Dlaczego tak słabo?<br>+ Najlepsze zagranie...<br>+ Henry podpisał kontrakt<br><center><br>>> pokaż więcej <<</center></div>
  43. <div id="wyniki">
  44. <table style="font-size:9px; color:white;" width="130">
  45. <tr align=center bgcolor=696969><td>lp.</td><td> </td><td>drużyna</td><td>pkt</td></tr>
  46. <tr align=center><td>1</td><td>+</td><td>Arsenal London</td><td>28</td></tr>
  47. <tr align=center bgcolor=B22222><td>2</td><td>=</td><td>FC Barcelona</td><td>25</td></tr>
  48. <tr align=center><td>3</td><td>-</td><td>Juventus Turyn</td><td>23</td></tr>
  49. <tr align=center bgcolor=B22222><td>4</td><td>+</td><td>Manchester United</td><td>22</td></tr>
  50. <tr align=center ><td>5</td><td>-</td><td>FC Liverpool</td><td>19</td></tr>
  51. <tr align=center bgcolor=B22222><td>6</td><td>+</td><td>Cherlsea London</td><td>18</td></tr>
  52. <tr align=center ><td>7</td><td>+</td><td>Real Madryt</td><td>17</td></tr>
  53. <tr align=center bgcolor=B22222><td>8</td><td>-</td><td>Celtic Glasgow</td><td>17</td></tr>
  54. <tr align=center ><td>9</td><td>=</td><td>AC Milan</td><td>14</td></tr>
  55. <tr align=center bgcolor=B22222><td>10</td><td>=</td><td>Valencia CF</td><td>14</td></tr>
  56. </table>
  57. </div>
  58. <div id="partnerzy"><center><marquee direction="up">
  59. <img src="http://republika.pl/blog_rm_1199737/2844051/tr/arsenal_button.gif" alt="przykład"><br><br>
  60. <img src="http://www.astonvilla.topworld.org/images/button1.jpg" alt="przykład"><br><br>
  61. <img src="http://kapitanat.one.pl/~wmv/button.jpg" alt="przykład"><br><br>
  62. <img src="http://www.2liga.pl/gfx/button.gif" alt="przykład"><br><br>
  63. <img src="http://www.witominska.net/~arsenal/grafa/button1.gif" alt="przykład"><br><br>
  64. <img src="http://www.gunners.com.pl/graphics/button.gif" alt="przykład"><br><br>
  65. <img src="http://www.gooner.pl/gfx/gooner_pl_button.gif" alt="przykład"><br><br>
  66. </marquee></center></div>
  67. <div id="stopka">copyright by Arsenal Serwis</div>
  68. <div id="stopka2">design by: <a href="http://sigmageo.pl/konrad" style="color: white; text-decoration: none;">konrad.kolasa</a></div>
  69. </div>
  70. </body>
  71. </html>
[HTML] pobierz, plaintext



Niby działa ale nie do końca.
Nie zmienia mi się położenie bloku, nie wiem czemu.
Mimo ze mam left: 120px;

Jak ustawić żeby to działało poprawnie?
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.