Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]po wrzuceniu na serwer style nie ładują się
Forum PHP.pl > Forum > Przedszkole
jdb
Witam,

Zastrzegam, że jestem świezakiem w temacie.

Do strony http://jdb.boo.pl/MT/ mam przypisany arkusz style.css.
Podczas uruchamiania strony z dysku wszystko chodzi bez zastrzezen. Po wrzuceniu tych samych plikow na 2 niezalezne serwery plik styli nie uruchamia sie.

Tresc w pliku html:
  1. <link rel="stylesheet" href="style.css" type="text/css" />



Tresc pliku style.css (pochodzi z template)

  1. *{ margin: 0; padding: 0; }*
  2. body {
  3. font: .74em Arial ;
  4. line-height: 1.6em;
  5. background: #fff url(images/bg.gif) repeat-x;
  6. color: #444;
  7. }
  8.  
  9. a { color: #317486; background: inherit; text-decoration: none; }
  10. a:hover { color: #808080; background: inherit; }
  11. p { margin: 0 0 15px 0; }
  12. h1 { font: bold 1.7em arial; margin: 20px 0 0; }
  13. h1 a { color: #fff; background: inherit; }
  14. h1 a:hover { color: #E4FFD3; background: inherit; }
  15. h2 { font: bold 1.6em Arial, Tahoma; margin: 0 0 12px; }
  16. h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
  17.  
  18. #content { width: 900px; margin: 0 auto; }
  19.  
  20. #logo { margin: 10px 0 0 0; float: left; background: url(images/logobg.gif) no-repeat bottom; text-align: center;}
  21.  
  22. #menu { float: right; padding: 40px 0 0; margin: 0 0 18px; }
  23. #menu li { font-size: 1.1em; display: inline; }
  24. #menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 50px; color: #ffffff; background: #578D08 url(images/tab.gif) no-repeat right bottom; }
  25. #menu li a:hover { background: #578D08 url(images/tabhover.gif) no-repeat right bottom; color: #335303; }
  26.  
  27. #intro {
  28. clear: both;
  29. background: #fff url(images/intro2.jpg) no-repeat;
  30. color: #FFFFFF;
  31. height: 170px;
  32. margin: 0 0 20px;
  33. padding: 45px 40px 0 0;
  34. text-align: right;
  35. }
  36. #intro h1 { margin: 0; }
  37. #intro p { margin: 0; }
  38.  
  39. #login { font-size: .9em; margin: 82px 0 0; }
  40. #login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
  41. #login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }
  42.  
  43. #left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
  44. #leftmenu { list-style: none; margin: 0 0 20px 0; }
  45. #leftmenu li { padding: 0 0 0 12px; background: #fff url(images/bullet.gif) no-repeat center left; color: #46852F; }
  46. #leftmenu li a { background: #ffffff; color: #578D08; }
  47.  
  48. #right {
  49. margin: 0 15px 20px 0;
  50. padding: 0 0 0 35px;
  51. border-left: 1px solid #ccc;
  52. float: right;
  53. width: 560px;
  54. text-align: justify;
  55. }
  56. #notice { padding: 12px 14px 1px; background: #f4f4f4 url(images/noticebg.gif) no-repeat bottom right; color: #808080; }
  57. #left a, #right a { background: #ffffff; color: #578D08; }
  58.  
  59. #left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
  60. #right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
  61.  
  62. #footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #808080; background: #fff; }
  63. #footer a { color: #4CA031; background: #fff; }
  64. #col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
  65. #col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
  66. #col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }


Z góry dziekuje za pomoc. I prosze nie krzyczec smile.gif
pedro84
No przecież styl został załadowany poprawnie. Pewnie chodzi Ci o brak grafik? Popraw ścieżki do grafik w pliku style.css.
jdb
takie proste! zamiast images powinno byc Images.
dzieki wielkie! mozna zamknąć smile.gif
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.