Prikazi cijelu temu 20.04.2018 10:45
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Lokacija:zagreb


Predmet:CSS problemi
Imam problem kada je css file, kada stavim u index page radi, a kao posebni file onda ne radi. Kako to rijesiti?

ovo radi:
index.html

PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  3. <head lang="hr">
  4.     <meta charset="UTF-8">
  5.     <title>POCETNA STRANICA</title>
  6.  
  8. html, body {
  9.   height: 100%;
  10.   margin: 0;
  11. }
  12. .content {
  13.   min-height: 100%;
  14. }
  15. .content-inside {
  16.   padding: 20px;
  17.   padding-bottom: 50px;
  18. }
  19. .footer {
  20.   height: 50px;
  21.   margin-top: -50px;
  22. }
  23.  
  24. body {
  25.   font: 16px Sans-Serif;
  26. }
  27. h1 {
  28.   margin: 0 0 20px 0;
  29. }
  30. p {
  31.   margin: 20px 0 0 0;
  32. }
  33. footer {
  34.   background: #42A5F5;
  35.   color: white;
  36.   line-height: 50px;
  37.   padding: 0 20px;
  38. }
  40. </head>
  42. <div class="content">
  43.   <h1>MENI</h1>
  44.   <p>NEKI TEXT</p>
  45. </div>
  46.  
  47. <footer class="footer">
  48.   FOOTER
  49. </footer>
  50. </body>
  51. </html>

ovo ne radi:
index.html

PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  3. <head lang="hr">
  4.     <meta charset="UTF-8">
  5.     <title>POCETNA STRANICA</title>
  6.     <link rel="stylesheet" href="style.css">
  7. </head>
  9. <div class="content">
  10.   <h1>MENI</h1>
  11.   <p>NEKI TEXT</p>
  12. </div>
  13.  
  14. <footer class="footer">
  15.   FOOTER
  16. </footer>
  17. </body>
  18. </html>

style.css

PreuzmiIzvorni kôd (CSS):
  1. html, body {
  2.   height: 100%;
  3.   margin: 0;
  4. }
  5. .content {
  6.   min-height: 100%;
  7. }
  8. .content-inside {
  9.   padding: 20px;
  10.   padding-bottom: 50px;
  11. }
  12. .footer {
  13.   height: 50px;
  14.   margin-top: -50px;
  15. }
  16.  
  17. body {
  18.   font: 16px Sans-Serif;
  19. }
  20. h1 {
  21.   margin: 0 0 20px 0;
  22. }
  23. p {
  24.   margin: 20px 0 0 0;
  25. }
  26. footer {
  27.   background: #42A5F5;
  28.   color: white;
  29.   line-height: 50px;
  30.   padding: 0 20px;
  31. }
zivot je moja domovina.