DE:OSM in Website für Gemeinde/css

Übersicht

HTML-Datei

JS-Code

JS-Funktionen

CSS-Datei

GPX-Dateien

Testanwendung

ToDo-Liste

Die CSS-Datei definiert vor allem die Grösse der Kartenanzeige, aber auch die Schriftarten etc.

CSS-Datei

html,body {
  background-color: #000000;
  height: 100%;
  width: 100%;
  margin: 1%; padding: 0;
  font-family: Verdana, Arial;
  font-size: 1em;
  overflow: hidden;
  color: #ffffff;
}
 
#header a {
  color: #ffff00;
  text-decoration: none;
}
 
#header a:hover {
  color: #ffff00;
  text-decoration: underline;
}
 
#header {
  font-family: Verdana, Arial;
  font-size: 1em;
  overflow: hidden;
  color: #ffffff;
}
 
#map {
  height: 86%;
  width: 96%;
  padding: 0; margin: 0;
  color: #000;
}
 
#content {
  font-size: 1em;
}
 
#osm {
  font-size: 0.7em;
  font-style: italic;
  margin-bottom: 20px;
}

CSS-Datei kopieren

1. kopiere den gesamten Code. Achte darauf, dass du auch das erste und letzte Zeichen kopiert hast.
2. füge den Code im Texteditor in eine neue Seite ein
3. speichere den Code unter dem Dateinamen "OSM-Karte.css"
4. lade die Datei mit dem FTP-Programm auf den Webserver in den passenden Ordner

Falls du einen anderen Ordner- oder Dateinamen wählst, passe die HTML-Datei entsprechend an.