Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z logo
Forum PHP.pl > Forum > Przedszkole
bartosz1311
30.11.2011, 17:30:29
A więc tak, mam taki kod:


[PHP] pobierz, plaintext 
  1. /* Top Elements */
  2. * { margin: 0; padding: 0; outline: 0 }
  3.  
  4. body {
  5. 	font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  6. 	color: #5B5B5B; 	
  7. 	margin: 0; 	padding: 0; 
  8. 	background: #000000 url(bg.jpg) no-repeat center top;
  9. 	text-align: center;
  10. }
  11.  
  12. /* Links */
  13. a, a:active, a:link {
  14. 	text-decoration: none;
  15. 	color: #006193;			
  16. }
  17. a:visited {
  18. 	text-decoration: none;
  19. }
  20. a:hover {
  21. 	color: #fff;
  22. 	border-bottom: 1px dotted #438800;
  23. }
  24.  
  25. /* headers */
  26. h1, h2, h3 {
  27. 	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
  28. 	color: #ABABAB;
  29. }
  30. h1 {
  31. 	font-size: 3.6em;
  32. 	font-weight: normal;
  33. 	letter-spacing: -2px;
  34. 	padding: 15px 10px 5px 10px;	
  35. }
  36. h2 {
  37. 	font-size: 2.2em;
  38. 	color: #895F30;
  39. 	padding: 20px 10px 5px 10px;	
  40. }
  41. h3 {
  42. 	font-size: 1.8em;
  43. 	font-weight: normal;
  44. 	padding: 20px 10px 5px 10px;	
  45. }
  46.  
  47. p, dl { padding: 10px; margin: 0; }
  48.  
  49. ul, ol {
  50. 	margin: 10px 20px;
  51. 	padding: 0 20px;
  52. }
  53. ul { list-style: none; }
  54.  
  55. dt {
  56.   font-weight: bold;
  57.   color: #fff;
  58. }
  59. dd {
  60.   padding-left: 25px; 
  61. }
  62.  
  63. /* images */
  64. img {
  65. 	background: #1B1B1B;
  66.     border: 1px solid #1B1B1B;
  67. 	padding: 8px;
  68. }
  69. img.float-right {
  70.   	margin: 5px 0px 10px 10px;  
  71. }
  72. img.float-left {
  73.   	margin: 5px 10px 10px 0px;
  74. }
  75.  
  76. code {
  77.   	margin: 5px 0;
  78.   	padding: 15px;
  79.   	text-align: left;
  80.   	display: block;
  81.   	overflow: auto;  
  82.   	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ;
  83.   	/* white-space: pre; */
  84.   	background: #111;  
  85. }
  86. acronym {
  87.   	cursor: help;
  88.   	border-bottom: 1px dotted #5B5B5B;
  89. }
  90. blockquote {
  91. 	margin: 15px 10px;
  92.  	padding: 10px 10px 10px 35px;  
  93.    background: #111 url(quote.jpg) no-repeat 10px 10px;
  94. 	font-weight: normal;
  95. 	font-size: 18px;
  96. 	line-height: 1.6em;
  97. 	font-style: italic;
  98. 	font-family: Georgia, 'Times New Roman', Times, serif;	
  99. 	color: #808080;	
  100. }
  101.  
  102. /* start - table */
  103. table {
  104. 	margin: 15px 10px; 
  105. 	border-collapse: collapse;			
  106. }
  107. th {
  108. 	background: #000;
  109. 	color: #fff;
  110. 	height: 38px;
  111. 	padding-left: 12px;
  112. 	padding-right: 12px;	
  113. 	text-align: left;
  114. 	border-left: 1px solid #211E20;
  115. 	border-right: 1px solid #211E20;
  116. 	border-bottom: 1px solid #211E20; 
  117. 	border-top: 1px solid #48780E;
  118. }
  119. tr {
  120. 	color: #5b5b5b;
  121. 	height: 34px;	
  122. }
  123. td {
  124. 	padding-left: 12px;
  125. 	padding-right: 12px;
  126. 	border: 1px solid #111;	
  127. }
  128. /* end - table */
  129.  
  130. /* form elements */
  131. form {
  132. 	margin: 20px 10px; padding: 5px 10px 20px 10px;
  133. 	border: 1px solid #111; 
  134. 	background: #070707; 	
  135. }
  136. label {
  137. 	display: block;
  138. 	font-weight: bold;
  139. 	margin: 8px 0;
  140. 	color: #fff;
  141. }
  142. input, select, textarea {
  143. 	padding: 5px 4px;
  144. 	font: normal 1em Verdana, Tahoma, sans-serif;
  145. 	color: #6A6969;
  146. 	background: #0C0C0C;  
  147. 	border: 1px solid #1C1C1C;
  148. }
  149. textarea {
  150. 	width: 400px;
  151. 	height: 100px;
  152. 	display: block;	
  153. }
  154. input.button { 
  155. 	font: bold 12px Arial, Sans-serif; 
  156. 	height: 30px;
  157. 	margin: 0;
  158. 	padding: 2px 3px; 
  159. 	color: #48780E;
  160. 	background: #000;
  161.  
  162. 	border-width: 1px;
  163.   	border-style: solid;
  164.   	border-color: #1c1c1c;
  165. }
  166.  
  167. /* search form */
  168. .searchform {
  169. 	background-color: transparent;
  170. 	border: none;	
  171. 	margin: 0; padding: 20px 0 15px 8px;	
  172. 	width: 270px;	
  173. }
  174. .searchform p { margin: 0; padding: 0 0 10px 0; }
  175. .searchform input.textbox { 
  176. 	width: 185px;
  177. 	height: 18px;
  178. 	padding: 2px;	
  179. 	vertical-align: top;
  180. }
  181. .searchform input.button { 
  182. 	width: 60px;
  183. 	height: 24px;
  184. 	padding: 2px 5px;
  185. 	vertical-align: top;
  186. }
  187.  
  188. /* ------------------------------------------
  189.    LAYOUT
  190. ------------------------------------------- */ 
  191. #wrap {
  192. 	position: relative;
  193. 	width: 1000px;	
  194. 	margin: 0 auto;
  195. 	text-align: left;		
  196. }
  197. #content-wrap {
  198. 	position: relative;
  199. 	clear: both;
  200. 	width: 1000px;	
  201. 	padding: 0; 		
  202. 	margin-left: 8px;	
  203. 	background: #000000;
  204. 	float: left;	
  205. 	display: inline;	
  206. 	border-top: 1px solid #1A1A1A;
  207. }
  208. #header {
  209. 	position: relative;
  210. 	width: 1000px;	
  211. 	height: 400px;	
  212. 	margin: 0; padding: 0;		
  213. }
  214.  
  215. #header-logo {
  216. 	float: left;
  217. 	width: 600px;
  218. 	height: 230px;
  219. 	margin: 0px;
  220. 	padding-left: 60px;
  221. 	text-align: center;
  222. 	background: url(images/logo.png) no-repeat left top;
  223. }
  224.  
  225. /* header search */
  226. #header form#quick-search {
  227. 	position: absolute;
  228. 	top: 15px; right: 0;
  229. 	padding: 0; margin: 0;
  230. 	border: none;
  231. 	width: 262px; height: 30px;
  232. 	background: url(header-search.jpg) no-repeat;	
  233. 	z-index: 999999;
  234. }
  235. #header form#quick-search p {
  236. 	margin: 0; padding: 0;		
  237. }
  238. #header form#quick-search .tbox {
  239. 	margin: 2px 0 0 5px; 
  240. 	width: 210px;
  241. 	background: none;
  242. 	border: none;
  243. }
  244. #header form#quick-search label,
  245. #header form#quick-search .btn {
  246. 	display: none;	
  247. }
  248.  
  249. /*  Navigation  */
  250. #nav {
  251. 	position: absolute;
  252. 	margin: 0; padding: 0;		
  253. 	height: 40px;
  254. 	width: 1000px;	
  255. 	left: 0;	top: 15px;	
  256. 	border-bottom: 1px solid #1A1A1A;
  257. }
  258. #nav ul {
  259. 	float: left;
  260. 	list-style: none;
  261. 	width: 880px;		
  262. 	height: 40px;
  263. 	margin: 0 0 0 5px; padding: 0;	
  264. 	display: inline;
  265. }
  266. #nav ul li {
  267. 	display: inline;
  268. 	margin: 0; padding: 0;
  269. }
  270. #nav ul li a {
  271. 	float: left;
  272. 	margin: 0;	padding: 0 8px;
  273. 	font: bold 15px/35px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
  274. 	text-decoration: none;	
  275. 	color: #5c9a12;	
  276. }
  277. #nav ul li a:hover, 
  278. #nav ul li a:active {
  279. 	color: #eee;
  280. 	background: none;
  281. 	border: none;
  282. }
  283. #nav ul li#current a {	
  284. 	color: #0077B5;	
  285. }
  286.  
  287.  
  288.  
  289. #header p#intro {
  290. 	position: absolute;
  291. 	margin: 0; padding: 0;
  292. 	font-family: Georgia, 'Times New Roman', Times, serif;
  293. 	font-weight: normal;
  294. 	font-size: 18px;
  295. 	line-height: 1.6em;
  296. 	font-style: italic;
  297. 	text-transform: none;
  298. 	color: #cd9857;
  299. 	width: 400px;
  300. 	/* change the values of top and left to adjust the position */
  301. 	top: 245px; left: 15px;		
  302. }
  303.  
  304. /* Main Column */
  305. #main {
  306. 	float: left;
  307. 	width: 545px;
  308. 	padding: 0; margin: 0;
  309. 	display: inline;		
  310. }
  311. #main h2 {
  312. 	padding-bottom: 3px;
  313. 	margin-top: 15px;
  314. 	font: normal 3.5em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
  315. 	color: #fff; 
  316. 	letter-spacing: -2px;	
  317. 	text-transform: none;	
  318. }
  319. #main h2 a {
  320. 	color: #fff;
  321. 	text-decoration: none;		
  322. 	border: none;	
  323. }
  324. #main ul li {
  325. 	list-style-image: url(bullet.gif);
  326. }
  327.  
  328. /* Sidebar */	
  329. #sidebar {
  330. 	float: right;
  331. 	width: 290px;
  332. 	padding: 0; margin: 25px 0 0 0;		
  333. 	display: inline;	
  334. }	
  335. #sidebar h3 {
  336. 	margin-top: 10px;
  337. 	padding: 15px 5px 10px 5px; 
  338. 	font: bold 2em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
  339. 	background: url(footer-top.jpg) no-repeat center bottom;
  340. 	color: #fefefe;
  341. }
  342. #sidebar ul.sidemenu {
  343. 	text-align: left;
  344. 	margin: 7px 5px 8px 0px; padding: 0;				
  345. }
  346. #sidebar ul.sidemenu li {
  347. 	list-style: none;
  348. 	padding: 8px 10px;
  349. 	margin: 0;		
  350. 	border-bottom: 1px solid #111;
  351. }
  352. * html body #sidebar ul.sidemenu li {
  353. 	height: 1%;
  354. }
  355. #sidebar ul.sidemenu li a {
  356. 	text-decoration: none;	
  357. 	border: none;
  358. 	color: #5d5d5d; 	
  359.  
  360. 	font-weight: bold;		
  361. 	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
  362. 	font-size: 14px;	
  363. 	/* letter-spacing: .5px;  */
  364. }
  365. #sidebar ul.sidemenu li a span {
  366. 	color: #444;	
  367. 	font-family: Georgia, 'Times New Roman', Times, serif;
  368. 	font-style: italic;
  369. 	font-weight: normal;	
  370. 	font-size: 11px;
  371. }
  372. #sidebar ul.sidemenu li a:hover,
  373. #sidebar ul.sidemenu li a:hover span {	
  374. 	color: #fff;	
  375. }
  376. #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
  377. #sidebar ul.sidemenu ul li { border: none; }
  378.  
  379. /* footer */
  380. #footer-wrap {
  381. 	position: relative;
  382. 	clear: both;
  383. 	padding: 1em 0 2.5em 0;
  384. 	margin-top: 30px;
  385. 	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	
  386. 	background: #070707 url(footer-top.jpg) no-repeat center top;
  387. 	color: #555;
  388. 	width: 1000px;
  389. 	float: left;	
  390. 	display: inline;
  391. 	border-bottom: 50px solid #070707;		
  392. }
  393. #footer-wrap h3 {
  394. 	font: bold 2em/1.6em 'Trebuchet MS', Tahoma, sans-serif;
  395. 	color: #ABABAB;	
  396. }
  397. #footer-content {	
  398. 	margin: 0 auto;		
  399. 	width: 880px;
  400. 	text-align: left;		
  401. }
  402. #footer-content ul.col-list {
  403. 	border-top: 1px solid #111;
  404. 	list-style: none;
  405. 	margin: 5px 0 0 5px; padding: 0;	
  406. 	width: 98%;
  407. }
  408. #footer-content ul.col-list li {
  409. 	border-bottom: 1px solid #111;
  410. }
  411. #footer-content ul.col-list li a {
  412. 	display: block;
  413. 	line-height: 1.5em;
  414. 	font-weight: bold;
  415. 	padding: 7px 0 7px 8px;
  416. 	width: 98%;	
  417. 	color: #555;
  418. 	border: none;
  419. }
  420. #footer-content ul.col-list li a span {
  421. 	color: #444;
  422. 	font-style: italic;
  423. 	font-weight: normal;
  424. 	font-family: Georgia, 'Times New Roman', Times, serif;
  425. }
  426. #footer-content ul.col-list li a:hover,
  427. #footer-content ul.col-list li a:hover span {
  428. 	color: #fff;
  429. 	text-decoration: none;
  430. }
  431.  
  432. #footer-content .col {
  433. 	width: 280px;
  434. 	padding: 0 0 30px 0;			
  435. 	display: inline;
  436. }
  437. #footer-content .col2 {
  438. 	width: 285px;
  439. 	padding: 0 0 30px 0;	
  440. 	display: inline;	
  441. }
  442. #footer-content .space-sep {
  443. 	margin-right: 12px;
  444. }
  445.  
  446. /* postmeta */
  447. .postmeta {	
  448. 	padding: 7px 5px; margin: 20px 10px 15px 10px;	
  449. 	font-size: 1em;	
  450. 	color: #545454;
  451. 	border: 1px solid #111;
  452. 	background: #111;
  453. }
  454. .postmeta .date{ margin: 0 10px 0 5px;	}
  455. .postmeta a.comments { margin: 0 10px 0 5px;	}
  456. .postmeta a.readmore { margin: 0 10px 0 5px;	}
  457.  
  458. .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
  459. .post-info a { color: #BD4200; }
  460.  
  461. /* alignment classes */
  462. .float-left  { float: left; }
  463. .float-right { float: right; }
  464. .align-left  { text-align: left; }
  465. .align-right { text-align: right; }
  466.  
  467. /* display and additional classes */
  468. .clearer { clear: both; }
  469.  
  470. .clear {
  471. 	display:inline-block;
  472. }
  473. .clear:after {
  474. 	display:block; 
  475. 	visibility:hidden; 
  476. 	clear:both; 
  477. 	height:0; 
  478. 	content: "."; 
  479. }
[PHP] pobierz, plaintext




Taki jest mój kod i chodzi mi o linijkę:

[PHP] pobierz, plaintext 
  1. #header-logo {
  2. 	float: left;
  3. 	width: 600px;
  4. 	height: 230px;
  5. 	margin: 0px;
  6. 	padding-left: 60px;
  7. 	text-align: center;
  8. 	background: url(images/logo.png) no-repeat left top;
  9. }
[PHP] pobierz, plaintext



Chcę wstawić to logo i za ch** idzie... Próbowałem wszystkiego i się w ogóle nie wyświetla. Proszę o pomoc.
qrooel
30.11.2011, 17:44:02
Pokaż HTML.
bartosz1311
30.11.2011, 17:46:04 
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>Colourise</title>
  8.  
  9. <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
  10. <link rel="stylesheet" href="images/Colourise.css" type="text/css" />
  11.  
  12. </head>
  13.  
  14. <body>
  15.  
  16. <!-- wrap starts here -->
  17. <div id="wrap">
  18.  
  19. 	<!--header -->
  20. 	<div id="header">				
  21.  
  22. 		<div  id="nav">
  23. 			<ul>
  24. 				<li id="current"><a href="index.html">Home</a></li>
  25. 				<li><a href="style.html">Style Demo</a></li>
  26. 				<li><a href="index.html">Downloads</a></li>
  27. 				<li><a href="index.html">Services</a></li>
  28. 				<li><a href="index.html">Support</a></li>
  29. 				<li><a href="index.html">About</a></li>		
  30. 			</ul>		
  31. 		</div>	
  32.  
  33. 		<form id="quick-search" action="index.html" method="get" >
  34. 			<p>
  35. 			<label for="qsearch">Search:</label>
  36. 			<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start 
  37.  
  38. typing and hit ENTER" />
  39. 			<input class="btn" type="submit" value="Submit" />
  40. 			</p>
  41. 		</form>			
  42. 		<div  id="logo"></div>		
  43. 	<!--header ends-->					
  44. 	</div>
  45.  
  46. 	<!-- content-wrap starts -->
  47. 	<div id="content-wrap">
  48.  
  49. 		<div id="main">
  50.  
  51. 			<a name="TemplateInfo"></a>
  52. 			<h2><a href="index.html">Template Info</a></h2>
  53.  
  54. 			<p class="post-info">
  55. 			</p>
  56.  
  57.  
  58.  
  59. 		<!-- main ends -->	
  60. 		</div>
  61.  
  62. 		<!-- sidebar starts -->
  63. 		<div id="sidebar">
  64.  
  65. 			<h3>Sidebar Menu</h3>
  66. 			<ul class="sidemenu">				
  67. 				<li><a href="index.html">Home</a></li>
  68. 				<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
  69. 				<li><a href="style.html">Style Demo</a></li>
  70. 				<li><a href="http://www.styleshout.com/">More Free Templates</a></li>	
  71. 				<li><a href="http://www.dreamtemplate.com" title="Web Templates">Web 
  72.  
  73. Templates</a></li>
  74. 			</ul>	
  75.  
  76. 			<h3>Links</h3>
  77. 			<ul class="sidemenu">
  78. 				<li><a href="http://www.psdtuts.com/">PSDTuts</a></li>
  79. 				<li><a href="http://www.alistapart.com">Alistapart</a></li>				
  80.  
  81.  
  82. 				<li><a href="http://www.cssremix.com">CSS Remix</a></li>
  83. 				<li><a href="http://www.cssmania.com/">CSS Mania</a></li>				
  84.  
  85.  
  86. 			</ul>
  87.  
  88. 			<h3>Sponsors</h3>
  89. 			<ul class="sidemenu">
  90.                 <li><a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate <br />
  91.                 <span>Over 6,000+ Premium Web Templates</span></a>
  92.                 </li>
  93.                 <li><a href="http://www.themelayouts.com" title="WordPress Themes">ThemeLayouts <br />
  94.                 <span>Premium WordPress &amp; Joomla Themes</span></a>
  95.                 </li>
  96.                 <li><a href="http://www.imhosted.com" title="Website Hosting">ImHosted.com <br />
  97.                 <span>Affordable Web Hosting Provider</span>
  98.                 </a></li>
  99.                 <li><a href="http://www.dreamstock.com" title="Stock Photos">DreamStock <br />
  100.                 <span>Download Amazing Stock Photos</span></a>
  101.                 </li>
  102.                 <li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft <br />
  103.                 <span>Website Builder Software &amp; Tools</span></a>
  104.                 </li>
  105.                 <li><a href="http://www.webhostingwp.com" title="Web Hosting">Web Hosting <br />
  106.                 <span>Top 10 Hosting Reviews</span></a>
  107.                 </li>
  108. 			</ul>
  109.  
  110. 			<h3>Wise Words</h3>
  111. 			<p>&quot;Most of the important things in the world have been accomplished 
  112. 			by people who have kept on trying when there seemed to be no help at all.&quot; </p>
  113.  
  114. 			<p class="align-right">- Dale Carnegie</p>
  115.  
  116. 			<h3>Support Styleshout</h3>
  117. 			<p>If you are interested in supporting my work and would like to contribute, you are
  118. 			welcome to make a small donation through the 
  119. 			<a href="http://www.styleshout.com/">donate link</a> on my website - it will 
  120. 			be a great help and will surely be appreciated.</p>		
  121.  
  122. 			<h3>Search Box</h3>	
  123. 			<form action="#" class="searchform">
  124. 				<p>
  125. 				<input name="search_query" class="textbox" type="text" />
  126.   				<input name="search" class="button" value="Search" type="submit" />
  127. 				</p>			
  128. 			</form>		
  129.  
  130. 		<!-- sidebar ends -->		
  131. 		</div>
  132.  
  133. 	<!-- content-wrap ends-->	
  134. 	</div>
  135.  
  136. 	<!-- footer starts here -->	
  137. 	<div id="footer-wrap"><div id="footer-content">
  138.  
  139. 		<div class="col float-left space-sep">
  140.  
  141. 			<h3>Resources</h3>
  142.  
  143.             <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
  144. 			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem.</p>
  145.  
  146. 			<ul class="col-list">				
  147.                 <li><a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate -
  148.                 <span>Over 6,000+ Premium Web Templates</span></a>
  149.                 </li>
  150.                 <li><a href="http://www.themelayouts.com" title="WordPress Themes">ThemeLayouts -
  151.                 <span> Premium WordPress &amp; Joomla Themes</span></a>
  152.                 </li>
  153.                 <li><a href="http://www.imhosted.com" title="Website Hosting">ImHosted.com -
  154.                 <span>Affordable Web Hosting Provider</span></a>
  155.                 </li>
  156.                 <li><a href="http://www.dreamstock.com" title="Stock Photos">DreamStock -
  157.                 <span>Download Amazing Stock Photos</span></a>
  158.                 </li>
  159.                 <li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft -
  160.                 <span>Website Builder Software &amp; Tools</span></a>
  161.                 </li>
  162.                 <li><a href="http://www.webhostingwp.com" title="Web Hosting">Web Hosting -
  163.                 <span>Top 10 Hosting Reviews</span></a>
  164.                 </li>
  165. 			</ul>
  166.  
  167. 		</div>
  168.  
  169. 		<div class="col float-left">
  170.  
  171. 			<h3>Lorem Ipsum</h3>
  172.  
  173. 			<p>
  174. 			<strong>Lorem ipsum dolor</strong> <br />
  175. 			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse 
  176.  
  177. bibendum.
  178. 			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
  179. 			posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede 
  180.  
  181. condimentum
  182. 			odio, ac blandit ante orci ut diam. <a href="index.html">Read more...</a>
  183. 			</p>
  184.  
  185. 			<ul class="col-list">				
  186. 				<li><a href="index.html">consequat molestie</a></li>
  187. 				<li><a href="index.html">sem justo</a></li>
  188. 				<li><a href="index.html">semper</a></li>
  189. 				<li><a href="index.html">magna sed purus</a></li>
  190. 				<li><a href="index.html">tincidunt</a></li>						
  191. 			</ul>
  192.  
  193. 		</div>		
  194.  
  195. 		<div class="col2 float-right">
  196.  
  197. 			<h3>About</h3>			
  198.  
  199. 			<p>
  200. 			<a href="http://getfirefox.com/"><img src="images/thumb.jpg" width="40" height="40" 
  201.  
  202. alt="firefox" class="float-left" /></a>
  203. 			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse 
  204.  
  205. bibendum. 
  206. 			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
  207. 			posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede 
  208.  
  209. condimentum 
  210. 			odio, ac blandit ante orci ut diam.</p>
  211.  
  212. 			<p>
  213. 			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse 
  214.  
  215. bibendum. 
  216. 			Cras id urna. <a href="index.html">Learn more...</a></p>
  217.  
  218. 			<p>
  219. 			&copy; copyright 2010 <strong>Your Company Name</strong><br /> 
  220.  
  221.           	</p>
  222.  
  223. 			<p>
  224.  
  225. 			</p>
  226.  
  227. 		</div>		
  228.  
  229. 	</div></div>
  230. 	<div class="clearer"></div>
  231. 	<!-- footer ends here -->
  232.  
  233. <!-- wrap ends here -->
  234. </div>
  235.  
  236. </body>
  237. </html>
[PHP] pobierz, plaintext


Proszę
qrooel
30.11.2011, 17:50:38
W tym kodzie masz ID 'logo', w CSS masz '#header-logo'.
bartosz1311
30.11.2011, 17:52:05
Poprawiłem, ale nadal nie działa...;(
qrooel
30.11.2011, 17:55:06
No to pokaż on-line, bo CSS jest dobry, pewnie masz problemy z nazewnictwem gdzieś.
bartosz1311
30.11.2011, 17:56:05
ale co? wrzucić orginały na serwer i dać linka czy podać link to strony?
qrooel
30.11.2011, 17:58:34
Podać link do strony, żebyśmy mogli to firebugiem obadać. ;]
bartosz1311
30.11.2011, 18:01:14
Proszę

http://365.cba.pl/
qrooel
30.11.2011, 18:09:19
URL do obrazka w CSS to: "../images/logo.png".
bartosz1311
30.11.2011, 18:11:13
Już mam były dwa błędy:




[PHP] pobierz, plaintext 
  1. 	background-image: url(images/logo.png) no-repeat left top;
[PHP] pobierz, plaintext


a teraz


[PHP] pobierz, plaintext 
  1. 	background: url(logo.png) no-repeat left top;
[PHP] pobierz, plaintext





Stawiam pomógł!
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.