Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] sonda
Forum PHP.pl > Forum > Przedszkole
seedbox
10.03.2014, 00:52:34
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

[PHP] pobierz, plaintext 
  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>
[PHP] pobierz, plaintext


css

[PHP] pobierz, plaintext 
  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. }
[PHP] pobierz, plaintext


tak to wyglada
http://uptv.96.lt
pitu
10.03.2014, 01:10:05
Kod
input{
background: #252525;
padding: 5px;
color: #CCC;
border: inherit;
min-width: 300px; //wywal
}


Wywal min-width
seedbox
10.03.2014, 01:26:46
Dzieki za pomoc dziala
Kshyhoo
10.03.2014, 08:34:33
A na przyszłość: Jak poprawnie zatytułować wątek.
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.