Avko 20.04.2018 10:45
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. }

zxz 20.04.2018 21:55
Predmet:Re: CSS problemi

Nije mi jasno sta ne radi.
Kod mene sve funkcionise.
Jes da si izveo vic sa ovim FOOTER ali sve radi ako je u istom dir.

Avko 20.04.2018 22:00
Predmet:Re: CSS problemi

zasto nece kod mene? gdje grijesim?

zxz 20.04.2018 22:21
Predmet:Re: CSS problemi

daj sliku da vidim kako izgleda.
Trebalo bi da sve radi.
Ovdje je samo html i css.
I jedno i drugo radi van servera.

Avko 20.04.2018 22:40
Predmet:Re: CSS problemi

kojimbrowserom to gledas?

zxz 20.04.2018 23:05
Predmet:Re: CSS problemi

Hehe znas vivaldi.

Avko 23.04.2018 08:31
Predmet:Re: CSS problemi

evo radi, ali problem je taj sto nije dovoljno refresat vec moram otici u postavke i obrisati povijest i kolacice da bi vidio novo stanje.
Zasto je to tako?

zxz 23.04.2018 11:01
Predmet:Re: CSS problemi

Svi noviji browsweri uglavnom tako rade, to sam primijetio.
Tesko vrse refresh pogotovo ako negdje napravis gresku u kkodu.
To je vjerovatno sto svi pokusavaju napraviti da brze radi.

Avko 23.04.2018 12:00
Predmet:Re: CSS problemi

moze li se staviti neka funkcija za brisanje kolacica tko kad ukljucimo refres da se izbrisu kolacici
recimo
function delete_cookie( name ) {
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

zxz 23.04.2018 12:40
Predmet:Re: CSS problemi

Da ali prvo moras napraviti cokie ili mislis na brisanje histori.