CSS betöltődik, de nem érvényesül

CSS betöltődik, de nem érvényesül
2015-07-16T17:31:45+02:00
2015-07-17T19:36:45+02:00
2022-10-15T21:46:22+02:00
malom
Sziasztok!

Az alábbi nagyon egyszerű weblap böngészőben file-ként megnyitva működik, de ha localhost-on futó webszerveren nyitom meg, akkor nem érvényesül a CSS. A fájlok a FireBug és a web szerver szerint is szerint letöltődnek. Mi lehet az oka?

index.html

<!doctype html> <html> <head> <link rel="stylesheet" href="default.css" type="text/css" /> </head> <body> <p>This index.html page is a placeholder with the CSS</p> </body> </html>
default.css

p { font-family: "Times New Roman"; font-size: 60px; }
Mutasd a teljes hozzászólást!
Ne haragudj meg, de amit idéztél azzal nincs semmi baj (font family kivételével -- annak is ott kell lennie a honlapod static könyvtárában).
Nem tudom mily gondod lehet, nem haragból, de olvasd át: http://www.amazon.com/HTML-XHTML-CSS-For-Dummies-ebook/dp/B004HD69HO,

Még egy jó tanács: tolj fel egy kis szervert a gépedre (pl. lighttpd, nginx... stb) és gyakorolj. Bár ezt browser :: statikus open file alapon is jól meg kell jelenítenie. Valami más gondod lesz.
Mutasd a teljes hozzászólást!

  • Mi lehet az oka?


    Fogalmam sincs, meg ha jól emlékszem Times New Roman betűim sincsenek.

    Edit fiddle - JSFiddle
    Mutasd a teljes hozzászólást!
  • És egy kis SEGÍTSÉG-et kaphatsz, ha tanulmányozott a link forrását...
    Megj: És fontos, hogy a használni kívánt font-fájlok fel legyenek töltve a szerveredre...
    Mutasd a teljes hozzászólást!
  • Nem a betűtípus a lényeg. Ez a CSS sem érvényesül localhost-on:

    p { font-size: 60px; }
    Mutasd a teljes hozzászólást!
  • Ne haragudj meg, de amit idéztél azzal nincs semmi baj (font family kivételével -- annak is ott kell lennie a honlapod static könyvtárában).
    Nem tudom mily gondod lehet, nem haragból, de olvasd át: http://www.amazon.com/HTML-XHTML-CSS-For-Dummies-ebook/dp/B004HD69HO,

    Még egy jó tanács: tolj fel egy kis szervert a gépedre (pl. lighttpd, nginx... stb) és gyakorolj. Bár ezt browser :: statikus open file alapon is jól meg kell jelenítenie. Valami más gondod lesz.
    Mutasd a teljes hozzászólást!
  • Ez a CSS sem érvényesül...

    H....e kérdés, de az index.html és a default.css is fel lett töltve "egyazon szintre" a szerverre?...
    És adj egy linket a tesztedről!!!
    Mutasd a teljes hozzászólást!
  • Véletlenül nincs a Foxban valami olyasmi beállítva, hogy egyéni stíluslap használat?
    Ezzel ugyanis felül lehet bírálni bizonyos beállításokat.
    Mutasd a teljes hozzászólást!
  • Ühüm, kiderült az ok. Feltettem eg apache-ot, és ott helyesen jelenik meg.
    Amin hibásan jelenik meg, az két Delphi demó program: IdHTTPServer és a Synopse mORMot
    egyik demója. Először azt hittem, hogy valami HTML vagy CSS probléma, ezért kérdeztem itt.
    Mivel nem gyűjtöm a pontot, és segített a javaslatod, elfogadom megoldásként. Köszönöm.

    Firebug-ból kimásolva:

    IdHttpServer
      default.css
        Válasz fejléc
          HTTP/1.1 200 OK
          Connection: close
          Content-Type: text/html <---------------------- ez volt a baj.
          Content-Length: 32
          Server: Indy/9.00.10
        Kérés fejléc
          GET /default.css HTTP/1.1
          Host: 127.0.0.1
          User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:39.0) Gecko/20100101 Firefox/39.0
          Accept: text/css,*/*;q=0.1
          Accept-Language: hu-HU,hu;q=0.8,en-US;q=0.5,en;q=0.3
          Accept-Encoding: gzip, deflate
          DNT: 1
          Referer: http://127.0.0.1/
          Connection: keep-alive
          Cache-Control: max-age=0
    Apache
      default.css
        Válasz fejléc
          HTTP/1.1 200 OK
          Date: Fri, 17 Jul 2015 08:42:32 GMT
          Server: Apache/2.2.17 (Win32)
          Last-Modified: Fri, 17 Jul 2015 07:38:09 GMT
          Etag: "3300000002343a-20-51b0d44fec3a8"
          Accept-Ranges: bytes
          Content-Length: 32
          Keep-Alive: timeout=5, max=99
          Connection: Keep-Alive
          Content-Type: text/css
        Kérés fejléc
          GET /default.css HTTP/1.1
          Host: 127.0.0.1
          User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:39.0) Gecko/20100101 Firefox/39.0
          Accept: text/css,*/*;q=0.1
          Accept-Language: hu-HU,hu;q=0.8,en-US;q=0.5,en;q=0.3
          Accept-Encoding: gzip, deflate
          DNT: 1
          Referer: http://127.0.0.1/
          Connection: keep-alive
          Cache-Control: max-age=0
    Mutasd a teljes hozzászólást!
  • Még jó, hogy kimerítő volt az infó a kérdésed feltevésekor és ennek következtében a döntésed indoklása is...
    Mutasd a teljes hozzászólást!
  • Valóban tökéletes példája annak hogyan nem szabad kérdezni!
    Mutasd a teljes hozzászólást!
  • Nem szóltam semmit se, de megáll az Ősz (hajszálam is)
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd