ich habe der Webserver in meine Steuerung für Rasen giessen eingebunden. Jetzt bin ich dabei, die Steuerung inbetriebzunehmen. In meiner Steuerung verwende ich keine MMC Karte, und deshalb habe ich die verschidene Webseiten genau so konfiguriert, wie in dem Webserver von Ulrich. Das heist Page1 - Index.htm, Page2 - name1.htm, Page3 - name3.htm u.s.w.
Um Platz zusparen wollte ich die style Definition in einem externem style.css file abspeichern, und von dort könnten dan alle Seiten den gleichen Style laden. Das File Style.css wurde als Page10 - style.css definiert. Wenn ich aber die Seite mit einem Firefox oder IE lade, wird sie ohne dem style.css geladen und es wird eine Fehlermeldung angezeigt: stab.css wurde nicht geladen, weil sein MIME-Typ, "text/html", nicht "text/css" ist.
Wie kann ich das File abspeichern, daß es von dem Firefox oder IE akzeptiert wird? Wenn ich das style.css, mit der Seite Index.htm von der Festplate auf dem Rechner lade, funktioniert alles problemlos. Hier noch das File:
Code: Alles auswählen
char const name_Page10[] PROGMEM = "style.css";
PROGMEM char const Page10[] =
{ "HTML {background-color:#eeffee;font-family: Comic Sans MS;}\r\n"
"H1 {letter-spacing:0.1em;font-weight:bold;font-style:italic;color:green;text-align:center;}\r\n"
"H2 {font-size:18px;font-weight:normal;text-align:center;}\r\n"
"hr {height:0px;border:1px solid black;}\r\n"
"#framea{position: relative;width:700px;height:600px;top:50px;border:none;background-color:#DDffAA;overflow:hidden;}\r\n"
"#frameb{width:800px;height:700px;border:none;background-color:#88ffAA;overflow:hidden;}\r\n"
"#szlider{width:300px;height:15px;border:1px solid #000;overflow:hidden;}\r\n"
"#szliderbar{width:0%;height:15px;border-right: 1px solid #000000;background: green;}\r\n"
"#szazalek {color: #000000;font-size: 15px;font-style: italic;font-weight: bold;left: 140px;position: relative;top: -18px;}\r\n"
"a {color:#000080;text-decoration:none;line-height:20px;}\r\n"
"a:visited {color:#400060;font-family:Arial}\r\n"
"a:hover {color:#d00000;font-family:Arial;text-decoration: underline;}\r\n"
"a:active {color:#008000;font-family:Arial}\r\n"
"%END"};