Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP] sonda, problem z umieszczeniem
seedbox
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.02.2014

Ostrzeżenie: (0%)
-----


Witam
Mam problem z umieszczeniem sondy w java na stronie.
problem polega na tym iz sonda jest rozciagnieta i nie idzie jej poprawic proszę o rade

index.php

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  5. <title>M-CAST</title>
  6. <link rel="stylesheet" type="text/css" href="css/reset.css">
  7. <link rel="stylesheet" type="text/css" href="css/default.css">
  8. <link rel="stylesheet" type="text/css" href="css/dark/ui.css">
  9. <script src="js/jq.js"></script>
  10. <script src="js/autostart.js"></script>
  11. </head>
  12. <body style="background: #252525">
  13.  
  14. <div style="padding:5px">
  15.  
  16. <div id="application" class="fullscreen">
  17.  
  18. <div class="ui-container">
  19. <div class="ui-container-text ui-container-title">
  20. <div class="ui-right ui-icon-dock">
  21. <a href="" id="ui-zoom"><img src="images/transparent.png" width="16" height="16"></a>
  22. <a href="" id="ui-fmenu"><img src="images/transparent.png" width="16" height="16"></a>
  23. <a href="" id="ui-fchat"><img src="images/transparent.png" width="16" height="16"></a>
  24. <a href="" id="ui-fullscreen"><img src="images/transparent.png" width="16" height="16"></a>
  25. </div>
  26. <div class="ui-left ui-shadow" id="title">
  27. wczytywanie...
  28. </div>
  29. <div class="ui-clear"></div>
  30. </div>
  31. </div>
  32.  
  33.  
  34. <div class="ui-container">
  35. <div class="ui-container-text" id="box">
  36. <div class="ui-right-column" id="ui-menu-column">
  37. <div class="ui-container-inbox ui-menu">
  38. wczytywanie...
  39. </div>
  40. <div class="ui-container-inbox ui-chat">
  41. <div class="ui-container-custom-1">
  42. <script id="sid0020000054783477527">(function() {function async_load(){s.id="cid0020000054783477527";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:346px;height:200px;";s.async=true;s.text='{"handle":"m-cast","arch":"js","styles":{"a":"383838","b":100,"c":"FFFFFF","d":"FFFFFF","e":"404040","k":"000000","l":"383838","m":"383838","n":"FFFFFF","q":"383838","r":100}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0020000054783477527'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="ui-container-inbox ui-block">
  47. <div id="page"></div>
  48. <img src="images/bg.jpg" width="100%">
  49. </div>
  50. <div class="ui-clear"></div>
  51. </div>
  52. </div>
  53.  
  54.  
  55. <div class="ui-container">
  56. <div class="ui-container-text ui-container-txt">
  57. <div class="ui-right " id="online">
  58. online: 0
  59. </div>
  60.  
  61. <center>M-CAST 2014<center>
  62. <center>Zadne materialy video oraz kanaly telewizyjne nie sa hostowane na stronie. Streamy hostowane sa na serwerach typu justin.tv, ustream.tv itd. Administacja Strony nie ma technicznych mozliwosci sprawdzenia legalnosci powyzszych materialow. Nadawcy potwierdzili legalnosc transmisji na stronach hostujacych materialy, gdzie nalezy pisac o ewentualnych naduzyciach.
  63. <div id="sonda221913"><a href="http://webpolls.hanzo.eu/">opinion poll</a></div><script type="text/javascript" src="http://sonda.hanzo.pl/sonda.js,221913,7r1b,vPGZ"></script><center>
  64. </div>
  65. <div class="ui-clear"></div>
  66. </div>
  67. </div>
  68.  
  69. </div>
  70.  
  71. </div>
  72. </body>
  73. </html>


css

  1. body,html{
  2. background: url(../../images/bg.png) center top #252525 !important;
  3. }
  4.  
  5. #application{
  6. width: 1000px;
  7. margin: 0 auto;
  8. }
  9. #application.fullscreener{
  10. width: 100%;
  11. margin: 0 auto;
  12. }
  13.  
  14. .ui-container{
  15. background: #252525;
  16. margin: 0 auto;
  17. width: 100%;
  18. }
  19.  
  20. .ui-container-text{
  21. margin-bottom: 1px;
  22. background: #494949;
  23. border: 1px solid #5D5D5D;
  24. padding: 5px;
  25. color: #E0E0E0;
  26. overflow: auto;
  27. }
  28.  
  29. .ui-container-inbox{
  30. border: 1px solid #5D5D5D;
  31. background: #252525;
  32. padding: 1px;
  33. }
  34.  
  35. .ui-container-a{
  36. margin-bottom: 1px;
  37. background: #494949;
  38. border: 1px solid #5D5D5D;
  39. padding: 3px;
  40. color: #E0E0E0;
  41. display: block;
  42. text-decoration: none;
  43. font-weight: 700;
  44. text-transform: uppercase;
  45. text-shadow:1px 1px 1px #222;
  46. }
  47.  
  48. .ui-container-a:hover{
  49. background: #555555;
  50. border: 1px solid #696969;
  51. }
  52. .ui-container-a.selected{
  53. background: #3C3C3C;
  54. border: 1px solid #363636;
  55. }
  56.  
  57. .ui-container-title{
  58. padding:5px 7px 5px 7px;
  59. font-size:16px;
  60. font-weight: bold;
  61. }
  62.  
  63. .ui-container-txt{
  64. padding:5px 7px 5px 7px;
  65. }
  66.  
  67. .ui-icon-dock{
  68. height: 16px;
  69. padding: 2px 3px 4px 2px;
  70. }
  71. .ui-icon-dock a{
  72. opacity: 0.5;
  73. height: 16px;
  74. width: 16px;
  75. margin-left: 5px;
  76. }
  77. .ui-icon-dock a:hover{
  78. opacity: 1.0;
  79. }
  80.  
  81. /* buttons */
  82. #ui-zoom img{
  83. background: url(../../images/icons/zoom.png) center no-repeat;
  84. }
  85. #ui-zoom.toggle img{
  86. background: url(../../images/icons/shrink.png) center no-repeat;
  87. opacity: 0.2;
  88. }
  89. #ui-fullscreen img{
  90. background: url(../../images/icons/monitor.png) center no-repeat;
  91. }
  92. #ui-fullscreen.toggle img{
  93. opacity: 0.2;
  94. }
  95. #ui-fmenu img{
  96. background: url(../../images/icons/list.png) center no-repeat;
  97. }
  98. #ui-fmenu.toggle img{
  99. opacity: 0.2;
  100. }
  101. #ui-fchat img{
  102. background: url(../../images/icons/conversation.png) center no-repeat;
  103. }
  104. #ui-fchat.toggle img{
  105. opacity: 0.2;
  106. }
  107.  
  108. /* */
  109. .ui-left{
  110. float: left;
  111. }
  112. .ui-right{
  113. float: right;
  114. }
  115. .ui-clear{
  116. clear: both;
  117. }
  118. .ui-hide{
  119. display: none;
  120. }
  121. .ui-shadow{
  122. text-shadow:1px 1px 1px #222;
  123. }
  124.  
  125. .ui-right-column{
  126. float: right;
  127. width: 350px;
  128. margin-left: 3px;
  129. }
  130. .ui-left-column{
  131. float: left;
  132. width: 350px;
  133. margin-left: 3px;
  134.  
  135. }
  136. .ui-menu{
  137. float: right;
  138. width: 346px;
  139. overflow: auto;
  140. margin-bottom: 3px;
  141. }
  142. .ui-chat{
  143. float: right;
  144. width: 346px;
  145. margin-left: 3px;
  146. overflow: hidden;
  147. }
  148. .ui-chat1{
  149. float: left;
  150. width: 346px;
  151. margin-left: 3px;
  152. overflow: hidden;
  153.  
  154. }
  155. .ui-block{
  156. overflow: hidden;
  157. min-height: 353px;
  158. position: relative;
  159. }
  160. .ui-block img{
  161. vertical-align: top;
  162. }
  163. .ui-block iframe{
  164. position: absolute;
  165. }
  166.  
  167. .ui-container-custom-1{
  168. width: inherit;
  169. height: inherit;
  170. margin-top:-40px;
  171.  
  172. }
  173.  
  174. .ui-container-custom-2{
  175. width: inherit;
  176. height: inherit;
  177. margin-top:-30px;
  178. }
  179.  
  180. .ui-login{
  181. width: 324px;
  182. margin:0 auto;
  183. text-align: center;
  184. }
  185.  
  186. .ui-relative{
  187. position: relative;
  188. }
  189.  
  190. .ui-input-error{
  191. background: #000000;
  192. }
  193.  
  194. input{
  195. background: #252525;
  196. padding: 5px;
  197. color: #CCC;
  198. border: inherit;
  199. min-width: 300px;
  200. }
  201.  
  202. label{
  203. position: absolute;
  204. right:11px;
  205. top:11px;
  206. color: #666;
  207. cursor: text;
  208. }
  209.  
  210. a{text-decoration: none}
  211. a:hover{color:#FFF}
  212. .orange{
  213. color:#FF9900;
  214. }
  215.  
  216. #page{
  217. width: 100%;
  218. height: 100%;
  219. position: absolute;
  220. z-index: 999;
  221. overflow: hidden;
  222. background: #252525;
  223. }


tak to wyglada
http://uptv.96.lt
Go to the top of the page
+Quote Post
pitu
post
Post #2





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

Ostrzeżenie: (0%)
-----


Kod
input{
background: #252525;
padding: 5px;
color: #CCC;
border: inherit;
min-width: 300px; //wywal
}


Wywal min-width


--------------------
HTML/CSS/JS: jsfiddle
SQL: sqlfiddle
Go to the top of the page
+Quote Post
seedbox
post
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.02.2014

Ostrzeżenie: (0%)
-----


Dzieki za pomoc dziala
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #4





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




A na przyszłość: Jak poprawnie zatytułować wątek.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 05:03