Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Problem z logo
bartosz1311
post 30.11.2011, 17:30:29
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 6.11.2010

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


A więc tak, mam taki kod:


  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. }




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

  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. }



Chcę wstawić to logo i za ch** idzie... Próbowałem wszystkiego i się w ogóle nie wyświetla. Proszę o pomoc.
Go to the top of the page
+Quote Post

Posty w temacie


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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 18:29