Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z wysuwaniem "lubię to"
Forum PHP.pl > Forum > Przedszkole
ciapus4
8.06.2013, 20:10:29
Witam, mam problem z wysuwaniem się okienka z "lubię to " , jest cały czas wysunięty, natomiast na innych podstronach działa ok, kopiowałem cały kod z innych stron, ale lipa, nie ogarniam, może ktoś podpowiedzieć co jest nie tak facepalmxd.gif 

[HTML] pobierz, plaintext 
  1. <? require_once('tpl_header.php'); ?>
  2. </head>
  3. <body>
  4.  
  5. <META name="Keywords" content="catering dla firm, poniedziałek, obiady, serdecznie, zapraszamy, oraz, sobotę, maciek, restauracje, catering, kasprzaka, dowozimy,obiady domowe łódź,catering łódź ">
  6.  
  7. <style type="text/css">
  8. #wysuwane
  9. {
  10. background: url("http://www.restauracjemaciek.pl/gfx/facebook1.png") no-repeat scroll 0 0 transparent;
  11. padding: 10px;
  12. width: 330px;
  13. height:402px;
  14. position: fixed;
  15. margin-top: -150px; /*połowa wysokości panelu w górę */ left: 0px;
  16. top: 50%;
  17. }
  18. .zamknij
  19. {
  20. background-position: 0px 0px -242px 0px;
  21. }
  22. </style>
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  24. <script type="text/javascript">
  25. $(function(){
  26. $("#wysuwane").css("left","-216px");
  27. $("#wysuwane").hover(
  28. function () {
  29. $("#wysuwane").animate({left: "0px"}, 400 );
  30. $(this).addClass("zamknij");
  31. }, function () {
  32. $("#wysuwane").animate({left: "-216px"}, 400 );
  33. $(this).removeClass("zamknij"); }
  34. );
  35. });
  36. </script>
  37. <!--[if lt IE 8]>
  38. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  39. <![endif]-->
  40.  
  41. <div id="wysuwane">
  42. <div id="wewnatrz" style="float: left; width: 195px; margin-left: 0px;">
  43. <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Restauracja-Maciek/461268923943047&amp;width=190&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=378" style="border: medium none ; overflow: hidden; width: 190px; height: 378px; background-color: rgb(243, 247, 255);" frameborder="0" scrolling="no"></iframe></div>
  44.  
  45.  
  46. </style>
  47. </div>
  48.  
  49. <h1>Kontakt</h1>
  50.  
  51. <div class="kontakt">
  52.  
  53. <div style="width: 300px; float: left;">
  54.  
  55.  
  56. <strong>Obiady domowe - łódź :</strong>
  57.  
  58.  
  59.  
  60. <div style="width: 280px; text-align: right">
  61. ul. Kasprzaka 3, Hala ART-DOM (rtv-agd), bezpośredni wjazd do restauracji od ul. Legionów 103
  62.  
  63. +48 42 634 35 54
  64. +48 42 612 22 22
  65.  
  66. <span style="font-size: 11px; color: #555555;"><br style="font-size: 4px; color: #555555;" />lokal otwarty:
  67. pon.-pt. 11-18, sob. 11-17&nbsp;
  68. niedziela 12-15:45&nbsp;
  69. </span>
  70. </div>
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp; <strong>email</strong>: <a href="mailto:restauracjemaciek@interia.pl" class="mail">restauracjemaciek@interia.pl</a>
  78.  
  79. </div>
  80. <div style="width: 300px; float: left; text-align: right;">
  81.  
  82.  
  83. <strong> Catering, obiady domowe dowozimy</strong>:
  84.  
  85.  
  86.  
  87. poniedziałek - piątek &nbsp;
  88.  
  89. w godzinach 12:00 - 18:00 &nbsp;
  90.  
  91. sobota 12:00 - 17:00 &nbsp;
  92.  
  93.  
  94.  
  95.  
  96. <strong>Koszt dostawy:</strong> 5 zł.
  97.  
  98. <strong>Opakowanie:</strong> 1 zł.&nbsp;
  99.  
  100. <br/>
  101.  
  102. zamówienie na kwotę powyżej 50 zł dostawa <strong>gratis</strong>
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110. <strong>Informacja i catering przyjmuje</strong>:
  111.  
  112. <div style="width: 300px; text-align: right">
  113.  
  114.  
  115. Jolanta Nawrocka&nbsp;
  116.  
  117. tel.: +48 666 600 012&nbsp;
  118.  
  119.  
  120. </div>
  121. <br/>
  122. <br/>
  123. <style type="text/css">
  124. <!--
  125.  
  126. #right-column{
  127. width:100px;
  128. background:;
  129. height:200px;
  130. float:right;
  131. }
  132. #map{
  133. width:425px;
  134. margin:10px auto;
  135.  
  136. -->
  137. </style>
  138. <div id="container">
  139.  
  140. <div style="clear:both"></div>
  141.  
  142. </div>
  143. </div>
  144. </body>
  145. </html>
  146. </br>
  147. </br>
  148. <div id="map">
  149. <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pl/maps?f=q&amp;source=s_q&amp;hl=pl&amp;geocode=&amp;q=%C5%82%C3%B3d%C5%BA+legion%C3%B3w+103&amp;aq=&amp;sll=51.618545,19.367121&amp;sspn=1.770135,5.410767&amp;ie=UTF8&amp;hq=&amp;hnear=Legion%C3%B3w+103,+90-764+%C5%81%C3%B3d%C5%BA,+%C5%82%C3%B3dzkie&amp;t=m&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
  150.  
  151. </div>
  152. </br>
  153. <center><strong>Tu znajdziesz naszą restaurację</strong></center>
  154. </br>
  155.  
  156.  
  157. </style>
  158.  
  159. <link rel="stylesheet" href="tooltip.css" type="text/css" />
  160. <script type='text/javascript' src='http://demos111.mootools.net/demos/mootools.svn.js'></script>
  161. <img src="/gfx/art1.jpg" alt="catering łódź" class="Tips2" title="Restauracja 'Maciek' znajduje się na parterze, po wejściu przez rozsuwane drzwi skręć w lewo." width="700" height="400" />
  162.  
  163. <img src="gfx/art.jpg" alt="catering łódź" class="Tips2" title="Tu znajduje się nasza Restauracja - zapraszamy." width="700" height="400" />
  164.  
  165.  
  166.  
  167.  
  168. <script>
  169. var Tips2 = new Tips($$('.Tips2'), {
  170. initialize:function(){
  171. this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
  172. },
  173. onShow: function(toolTip) {
  174. this.fx.start(1);
  175. },
  176. onHide: function(toolTip) {
  177. this.fx.start(0);
  178. }
  179. });
  180.  
  181. </script>
  182.  
  183. </br>
  184.  
  185. </br>
  186. </br>
  187. </br>
  188.  
  189.  
  190.  
  191.  
  192. <center><strong><h5><A style="text-decoration: none;" href="http://www.restauracjemaciek.pl" title=""><font color="green">serdecznie zapraszamy na smaczne obiady domowe</font><h5></strong></center></a>
  193.  
  194.  
  195.  
  196.  
  197. <? require_once('tpl_footer.php'); 
[HTML] pobierz, plaintext
lobopol
8.06.2013, 20:24:07
Masz popsuty html jak widzę (popatrz na otwarcia/zamknięcia body/html/etc.) to jest zapewne problem.
ciapus4
10.06.2013, 16:22:05
Witam, niby poprawiłem składnie(tak mi się wydaje), ale nadal okno lubie to jest wysunięte, mógłby ktoś zweryfikować dlaczego tak się dzieje nerdsmiley.png 

[HTML] pobierz, plaintext 
  1. <? require_once('tpl_header.php'); ?>
  2. <html>
  3. <head>
  4. <body>
  5.  
  6. <META name="Keywords" content="catering dla firm, poniedziałek, obiady, serdecznie, zapraszamy, oraz, sobotę, maciek, restauracje, catering, kasprzaka, dowozimy,obiady domowe łódź,catering łódź ">
  7.  
  8. <style type="text/css">
  9. #wysuwane
  10. {
  11. background: url("http://www.restauracjemaciek.pl/gfx/facebook1.png") no-repeat scroll 0 0 transparent;
  12. padding: 10px;
  13. width: 330px;
  14. height:402px;
  15. position: fixed;
  16. margin-top: -150px; /*połowa wysokości panelu w górę */ left: 0px;
  17. top: 50%;
  18. }
  19. .zamknij
  20. {
  21. background-position: 0px 0px -242px 0px;
  22. }
  23.   </style>
  24.   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  25.   <script type="text/javascript">
  26. $(function(){
  27. $("#wysuwane").css("left","-216px");
  28. $("#wysuwane").hover(
  29. function () {
  30. $("#wysuwane").animate({left: "0px"}, 400 );
  31. $(this).addClass("zamknij");
  32. }, function () {
  33. $("#wysuwane").animate({left: "-216px"}, 400 );
  34. $(this).removeClass("zamknij"); }
  35. );
  36. });
  37.   </script>
  38. <!--[if lt IE 8]>
  39. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  40. <![endif]-->
  41.  
  42. <div id="wysuwane">
  43. <div id="wewnatrz" style="float: left; width: 195px; margin-left: 0px;">
  44. <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Restauracja-Maciek/461268923943047&amp;width=190&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=378" style="border: medium none ; overflow: hidden; width: 190px; height: 378px; background-color: rgb(243, 247, 255);" frameborder="0" scrolling="no"></iframe></div>
  45.  
  46.  
  47. </style>
  48. </div>
  49.  
  50. 		<h1>Kontakt</h1> 
  51.  
  52. <div class="kontakt">
  53.  
  54. 					<div style="width: 300px; float: left;">
  55. 						<br />					
  56. 						<strong>Obiady domowe - łódź :</strong><br />
  57. 						<br />
  58. 						<div style="width: 280px; text-align: right">
  59. 					ul. Kasprzaka 3, Hala ART-DOM (rtv-agd), bezpośredni wjazd do restauracji od ul. Legionów 103<br /><br /> +48 42 634 35 54 <br /> +48 42 612 22 22 <br />
  60. 						<span style="font-size: 11px; color: #555555;"><br style="font-size: 4px; color: #555555;" />lokal otwarty:<br /> pon.-pt. 11-18, sob. 11-17&nbsp;<br /> niedziela 12-15:45&nbsp;<br /></span>					
  61. 						</div>
  62. 						<br />
  63. 						<br />
  64. 						<br />
  65. 						&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp; <strong>email</strong>: <a href="mailto:restauracjemaciek@interia.pl" class="mail">restauracjemaciek@interia.pl</a><br />			
  66. 					</div>
  67. 					<div style="width: 300px; float: left; text-align: right;">	
  68. 						<br />
  69. 						<strong> Catering, obiady domowe dowozimy</strong>:<br />
  70. 						<br />
  71. 						poniedziałek - piątek &nbsp;<br />
  72. 						w godzinach 12:00 - 18:00 &nbsp;<br />
  73.                                                     sobota 12:00 - 17:00 &nbsp;<br />
  74.  
  75. 												<br />
  76. 						<strong>Koszt dostawy:</strong>  5 zł.<br />
  77. <strong>Opakowanie:</strong> 1 zł.&nbsp;<br />
  78. 						<br/> 
  79.  
  80.                                                  zamówienie na kwotę powyżej 50 zł dostawa <strong>gratis</strong> 
  81.  
  82. 						<br />												
  83. 						<br />
  84. 						<br />
  85. 						<strong>Informacja i catering przyjmuje</strong>:<br />						
  86. 						<div style="width: 300px; text-align: right">
  87. 						<br />
  88. 						Jolanta Nawrocka&nbsp;<br />
  89. 						tel.: +48 666 600 012&nbsp;<br />
  90.  
  91. 						</div>	
  92. <br/>
  93. <br/>
  94. <style type="text/css">
  95. <!-- 
  96.  
  97. #right-column{
  98.     width:100px;
  99.     background:;
  100.     height:200px;
  101.     float:right;
  102. }
  103. #map{
  104.     width:425px;
  105.     margin:10px auto;
  106.  
  107. -->
  108. </style>	
  109. <div id="container">
  110.  
  111.     <div style="clear:both"></div>
  112.  
  113. </div>
  114. </div>
  115. </br>
  116. </br>		
  117. <div id="map">
  118.         <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pl/maps?f=q&amp;source=s_q&amp;hl=pl&amp;geocode=&amp;q=%C5%82%C3%B3d%C5%BA+legion%C3%B3w+103&amp;aq=&amp;sll=51.618545,19.367121&amp;sspn=1.770135,5.410767&amp;ie=UTF8&amp;hq=&amp;hnear=Legion%C3%B3w+103,+90-764+%C5%81%C3%B3d%C5%BA,+%C5%82%C3%B3dzkie&amp;t=m&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
  119.  
  120. </div>
  121. </br>
  122. <center><strong>Tu znajdziesz naszą restaurację</strong></center>
  123. </br>
  124.  
  125.  
  126. </style>
  127.  
  128. <link rel="stylesheet" href="tooltip.css" type="text/css" />
  129. <script type='text/javascript' src='http://demos111.mootools.net/demos/mootools.svn.js'></script>
  130.       <img src="/gfx/art1.jpg" alt="catering łódź" class="Tips2" title="Restauracja 'Maciek' znajduje się na parterze, po wejściu przez rozsuwane drzwi skręć w lewo." width="700" height="400" />
  131.  
  132. <img src="gfx/art.jpg" alt="catering łódź" class="Tips2" title="Tu znajduje się nasza Restauracja - zapraszamy." width="700" height="400" />
  133.  
  134.  
  135.  
  136.  
  137. <script>
  138. var Tips2 = new Tips($$('.Tips2'), {
  139. 	initialize:function(){
  140. 		this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
  141. 	},
  142. 	onShow: function(toolTip) {
  143. 		this.fx.start(1);
  144. 	},
  145. 	onHide: function(toolTip) {
  146. 		this.fx.start(0);
  147. 	}
  148. });
  149.  
  150. </script>
  151.  
  152. </br>
  153.  
  154. </br>
  155. </br>
  156. </br>
  157.  
  158. </body>
  159. </head>
  160. </html>
  161.  
  162.  
  163. <center><strong><h5><A style="text-decoration: none;" href="http://www.restauracjemaciek.pl" title=""><font color="green">serdecznie zapraszamy na smaczne obiady domowe</font><h5></strong></center></a>
  164.  
  165.  
  166.  
  167.  
  168. <? require_once('tpl_footer.php'); ?>
[HTML] pobierz, plaintext


Zauważyłem, że problemem jest 
[HTML] pobierz, plaintext 
  1. <script type='text/javascript' src='http://demos111.mootools.net/demos/mootools.svn.js'></script>
[HTML] pobierz, plaintext


mootools jak wykasuje tą linijkę j/w to wszystko jest ok, jak temu zaradzić ? facepalmxd.gif
gorden
10.06.2013, 17:51:02
Może spróbuj przesunąć ją pod skrypt wysuwający przycisk.
ciapus4
10.06.2013, 18:10:23
Kod wysuwania i wsuwania okienka jest na samym początku strony, więc dlaczego mootools blokuje skrypt " lubie to "
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.