Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Chrome nie wyświetla tła
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
eclipse0705
12.02.2012, 18:47:45
Google chrome nie wyświetla obrazów które są tłem wszystkie inne obrazki wyświetlają się prawidłowo także w mozilli i IE nie ma problemu nie sprawdzałem pozostałych przeglądarek Link do strony. Jestem laikiem jeśli chodzi tworzenie stron dlatego prosze o wyrozumiałość, nie wiem czy bład tkwi w kodzie strony czy pliku style.css. Oto fragment kodu strony gdzie umieszczone jest ów tło. Z góry uprzedzam że to nie mój kod zostałem tylko poproszony o spróbowanie naprawienia problemu chciałbym pomóc a tak jak mówiłem nie bardzo siedzę w tym temacie. Z góry dzieki za jakąkolwiek pomoc i naprawde prosze o wyrozumiałość 

[PHP] pobierz, plaintext 
  1. if($page eq 'main'){$BACK='back'}else{$BACK='back2'}
  2. $content.=qq!
  3. <TR>
  4. 	<TD class=main1 valign=top style="{padding-left: 0px; padding-top: 0px; background-image: url('$def_web/img/back.jpg'); background-repeat: repeat-y; }">
  5. 		<table cellpadding="0" cellspacing="0" border="0" style="{width: 100%; height: 100%;}">
  6. 		<tr>
  7. 			<td class=main1 valign="top" style="{padding-top: 0px; width: 230px;}">
  8.  
  9. 	!;
  10.  
  11.  
  12.  
  13. 	$content.=qq!
  14. 	<table cellpadding="0" cellspacing="0" border="0" width="280">
[PHP] pobierz, plaintext


A to cały kod pliku style.css

[PHP] pobierz, plaintext 
  1. body
  2.     {
  3.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px;
  4.     font-weight: normal; color: #444444;
  5. 	SCROLLBAR-FACE-COLOR: #666666;
  6. 	SCROLLBAR-HIGHLIGHT-COLOR: #dddddd; 
  7. 	SCROLLBAR-SHADOW-COLOR: #ffffff	; 
  8. 	SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-DARKSHADOW-COLOR: #222222; 
  9. 	SCROLLBAR-ARROW-COLOR: #FF9900; SCROLLBAR-TRACK-COLOR: #dddddd;
  10.     }
  11. A{color: #222222; text-decoration: none; border-bottom: 1px #bbbbbb dotted;}
  12. A:hover,visited{text-decoration: solid; font-size: 11px; color: #F4A460;}
  13. .main3s{font-family: Verdana, Arial; font-size: 12px; color: #222222; font-weight: bold; font-style: normal; letter-spacing: 0px; border-bottom: 1px white none;}
  14. A.main3s:hover{color: #F00000; border-bottom: 1px #f00000 solid; }
  15.  
  16. A.skrot{color: #0078cb; text-decoration: none; border-bottom: 1px #bbbbbb dotted; font-weight: bold;}
  17. A.skrot:hover{text-decoration: solid; border-bottom: 1px #f00000 solid; color: #F4590F;}
  18.  
  19. .tt
  20. {
  21. }
  22. .tytulowy{font-family: Tahoma, Verdana, Arial; font-size: 18px; letter-spacing: 2px; line-height: 19px; font-weight: bold; color: #222222;}
  23. .main1, .topmenu, .smallOrange, .mediumGrey, .maly {font-family: Tahoma, Arial, Verdana, Arial; font-size: 11px; letter-spacing: 1px; line-height: 14px;}
  24. .main1x{font-family: Arial, Verdana, Tahoma, Arial; font-size: 11px; letter-spacing: 1px; line-height: 14px; color: #dddddd;}
  25. .main1y{font-family: Tahoma, Verdana, Arial, Tahoma, Arial; font-size: 12px; letter-spacing: 1px; line-height: 14px; color: #333333; text-decoration: none; border-bottom: 0px;}
  26. .main2{font-family: Verdana,Tahoma, Arial; font-size: 12px; line-height: 18px;}
  27. .main3{font-family: Verdana, Tahoma, Arial; font-size: 14px; color: white; font-weight: bold;}
  28. A.main3:hover{color: #eeeeee; border-bottom: 1px white solid;}
  29.  
  30. .trhd
  31. 	{background-color: #bbbbbb; color: #FFFFFF; font-family: Verdana, Tahoma, Arial; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: 0px;
  32. 	}
  33.  
  34. .main3r{font-family: Verdana, Tahoma, Arial; font-size: 12px;color:black; font-weight: bold;}
  35.  
  36. .tdx{font-family: Verdana,Tahoma, Arial; font-size: 12px; line-height: 18px; letter-spacing: 0px;}
  37. .sb1{font-family: Verdana, Tahoma, Arial; font-size: 14px; color: #aaaaaa; font-weight: bold;}
  38. .mainw{font-family: Verdana, Tahoma, Arial; font-size: 11px; color: black;}
  39. A.mainw:hover{color: #f00000; border-bottom: 1px red solid;}
  40. .mx2{
  41. 	font-family: Verdana,Tahoma, Arial; font-size: 11px;
  42. 	padding-left: 5px; 
  43. 	BORDER-RIGHT: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid;
  44. 	BORDER-TOP: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid;
  45.  
  46. 	cursor: hand;
  47. 	}
  48. .mx1{
  49. 	font-family: Verdana,Tahoma, Arial; font-size: 11px;
  50. 	}
  51. .mx3{
  52. 	font-family: Verdana,Tahoma, Arial; font-size: 11px;
  53. 	padding-left: 1px; padding-right: 1px;padding-top: 1px;padding-bottom: 1px;
  54. 	BORDER-RIGHT: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid;
  55. 	BORDER-TOP: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid;
  56. 	}
  57. .aa{border-bottom: 0px #808080 none;}
  58. A.aa:hover{color: #AA4411; text-decoration: none; border-bottom: 0px #808080 dashed;}
  59. H1{color: #456a8d; font-family:  Verdana, Trebuchet MS, Arial, Tahoma; font-size: 18px; font-weight: bold; padding-top: 1px;padding-bottom: 1px;margin-top: 1px;margin-bottom: 4px; text-align: center;}
  60.  
  61. .tdf
  62.     {
  63.     font-size: 8pt;
  64.     font-family: Verdana, Arial, Helvetica, sans-serif;
  65.     font-weight: bold;
  66.     text-decoration: none;
  67. 	color: #DDDDFF;
  68. 	text-align: justify;
  69.     }
  70. .tdc
  71.     {
  72.     font-size: 10px;
  73.     font-family: Verdana, Arial, Helvetica, sans-serif;
  74.     font-weight: bold;
  75.     text-decoration: none;
  76. 	color: #884411;
  77. 	text-align: right;
  78.     }
  79. A.tdc
  80.     {
  81. 	color: #EE7733;
  82.     }
  83. .tdc2
  84.     {
  85.     font-size: 10px;
  86.     font-family: Verdana, Arial, Helvetica, sans-serif;
  87.     font-weight: bold;
  88.     text-decoration: none;
  89. 	color: #445599;
  90. 	text-align: right;
  91.     }
  92. .tdc3
  93.     {
  94.     font-size: 10px;
  95.     font-family: Verdana, Arial, Helvetica, sans-serif;
  96.     font-weight: bold;
  97.     text-decoration: none;
  98. 	color: #999999;
  99. 	text-align: right;
  100.     }
  101.  
  102. .spc
  103. 	{
  104.     font-size: 11px;
  105.     font-family: Verdana, Arial, Helvetica, sans-serif;
  106.     font-weight: bold;
  107.     text-decoration: none;
  108. 	color:		#445566;
  109. 	background-color: #AACCFF;
  110. 	}
  111. .trof1
  112. 	{ color: #442222; font-family: Verdana, Tahoma, Arial, Geneva, Tahoma; font-size: 10px; font-style: normal;
  113.     font-weight: normal; line-height: 16px; letter-spacing: 0px;
  114. 	}
  115. .trof2
  116. 	{ color: black; font-family: Arial, Geneva, Tahoma; font-size: 11px; font-style: normal;
  117. 	}
  118.  
  119.  
  120. .miniaturka {border-width: 1px; border-style: normal; border-color: #777777; margin-top: 2px; margin-left: 6px; margin-right: 4px; margin-bottom: 2px;}
  121. .kalk  {
  122.     font-size: 11px;
  123.     font-family: Verdana, Arial, Helvetica, sans-serif;
  124.     font-weight: normal;
  125.     text-decoration: none;
  126. 	color:		#333333;
  127. 	line-height: 16px;
  128.     }
  129.  
  130. .kalktext
  131. {
  132.     font-size: 11px;
  133.     font-family: Verdana, Arial, Helvetica, sans-serif;
  134.     font-weight: normal;
  135.     text-decoration: none;
  136. 	color:		#333333;
  137. 	line-height: 17px;
  138. 	border-bottom-width: 1px;
  139. 	border-top-width: 1px;
  140. 	border-left-width: 1px;
  141. 	border-right-width: 1px;
  142. 	border-color: #333399; padding-top: 0px;
  143. }
  144.  
  145.  
  146. .spec
  147. {
  148. 	color: #555555;
  149. }
  150.  
  151. .sma{font-size: 9px;}
  152.  
  153.  
  154. .rt6a
  155.     {
  156.     font-size: 14px;
  157.     font-family: Arial, Helvetica, sans-serif;
  158.     font-weight: bold;
  159.     text-decoration: none;
  160. 	text-align: left;
  161. 	color:		#FF6600;
  162.     }
  163.  
  164. .rt6
  165.     {
  166.     font-size: 11px;
  167.     font-family: Tahoma, Arial, Helvetica, sans-serif;
  168. 	padding-left: 4px; margin-right: 4px; text-align: left;
  169.     }
  170.  
  171. .zamk  {
  172.     font-size: 12px;
  173.     font-family: Verdana, Arial, Helvetica, sans-serif;
  174.     font-weight: bold;
  175.     text-decoration: none;
  176. 	color:		#444444;
  177.     }
  178.  
  179.  
  180. .select1 {
  181. 	font-size: 11px;
  182.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  183. 	}
  184. .szarymaly{font-weight: normal; color: #FF9900; font-size: 10px;}
  185. .szarymaly2{font-weight: normal; color: #EE7700; font-size: 11px; font-weight: bold;}
  186.  
  187.  
  188.  
  189. a.FF { color:#212121 ;
  190.          text-decoration:none;
  191.          font:  bold 15px Verdana, Arial, sans-serif;
  192. 		 letter-spacing: 0px;
  193. 		 }
  194. a.FF:hover { 
  195.           text-decoration:underline;
  196.           font: bold  13px Verdana, Arial, sans-serif;
  197. 		  color: #BB5555;
  198. 		  }
  199.  
  200. div#menu {
  201. background:#FFF;
  202. float:left; 
  203. width:146px;
  204. height:100%;
  205. font:bold 10px Tahoma, Arial, sans-serif;
  206. border:#eeeeee solid 1px;
  207. border-width:0 0px 0 0;
  208.  
  209. }
  210. div#menu * {
  211. margin-left:0;
  212. line-height:20px;
  213. }
  214. div#menu p {
  215. margin: 5px 4px;
  216. line-height:20px;
  217. }
  218. div#menu a {
  219. font-size:11px;
  220. }
  221. div#menu img {
  222. border:none;
  223. margin:3px 5px;
  224. }
  225.  
  226. #m{
  227. margin:5px 0;
  228. padding:0;
  229. list-style:none;
  230. line-height:5px;
  231. }
  232.  
  233. #m a:link,#m a:visited{
  234. display:block;
  235. margin:0;
  236. padding:0;
  237. text-decoration:none;
  238. text-indent:2px;
  239. font-weight:bold;
  240. width:145px;
  241. border:solid 1px #FFF;
  242. border-width:0px 0;
  243. }
  244. #m a.a:link,#m a.a:visited{
  245. background:#ECF2F9;/*#FFF5EE;*/
  246. font-weight:bold;
  247. border:1px solid #000;
  248. border-width:1px 0;
  249. }
  250. #m a:hover,#m a:active{
  251. background: #FFCC33;/*#FDF5E6;*/
  252. font-weight:bold;
  253. border:1px solid #000;
  254. border-width:1px 0;
  255. }
  256.  
  257. #m a.a:hover,#m a.a:active{
  258. color:gray;
  259. }
  260.  
  261.  
  262.  
  263.  
  264.  
  265. .contentslide{
  266. border: 1px solid #D9E6FF;
  267. border-bottom-width: 4px;
  268. padding: 8px;
  269. width: 418px;
  270. height: 196px;
  271. }
  272.  
  273. .contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
  274. width: 100%;
  275. height: 100%;
  276. filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
  277. -moz-opacity: 1;
  278. opacity: 1;
  279.  
  280. }
  281.  
  282. .contentslide .contentdiv{
  283. display: none;
  284. }
  285.  
  286. .pagination{
  287. width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
  288. text-align: right;
  289. background-color: #6F583A;
  290. border: 1px solid #D9E6FF;
  291. border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
  292. padding: 0 0 4px 0;
  293. font-family: Tahoma, Arial;
  294. }
  295.  
  296. * html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
  297. width: 400px; /*IE5 width*/
  298. w\idth: 416px; /*IE6 width*/
  299. }
  300.  
  301. .pagination a{
  302. padding: 0 2px;
  303. text-decoration: none; 
  304. color: #606060;
  305. background-color: #D9E6FF;
  306. font-size: 14px;
  307. }
  308.  
  309. .pagination a:hover, .pagination a.selected{
  310. color: #ADFF2F; font-family: Tahoma, Arial;
  311. background-color: #ADFF2F;
[PHP] pobierz, plaintext
batman
12.02.2012, 19:06:55
Wstawiłeś kod css inline razem z nawiasami klamrowymi. Chrome tego nie przyjął i nie zignorował style. Pozostałe przeglądarki pozwalają na tego typu błędy.
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.