Impressum

page4 Ltd.
Brekling 23
D-24881 Nübel
Telefon +49 4621-97874-16 (kein telefonischer Support)
Telefax +49 4621-97874-50
Germany

Vertretungsberechtigter Geschäftsführer
Manfred F. Schreyer

Email an die Geschäftsleitung

USt-IdNr.: DE814754706
Steuernummer: 19 294 16765

Eingetragen in England unter der Nummer 5657522
2 Old Brompton, Road, Suite 188, London SW7 3DQ

HTML sinnvoll einsetzen

Als "Footer" haben wir für die Seite „Impressum“ dieses Mal eine Google Map eingebaut. Das geht ganz einfach. Du rufst die Seite https://www.google.com auf und suchst den Ort bzw. die Adresse, welche du gerne anzeigen lassen willst.

 

Normalerweise erscheint dann rechts auf deinem Monitor die Karte und unter deiner Eingabe Informationen zu dem Ort. Dort findest du auch die Funktion "Teilen". Wenn du darauf klickst, erscheint ein Fenster mit zwei Optionen: "Link teilen" und "Karte einbetten".

 

Du klickst dann auf "Karte einbetten" und kopierst den Code in deinen HTML-Content. Damit die Karte auf die volle Breite ausgedehnt wird, musst du im Code noch etwas ändern. Irgendwo steht die Breite, meist width="600". Das ist die maximale Breite der Karte. Die Zahl 600 – oder was immer da steht – ersetzt du einfach durch 100%. Das ist alles. Daraufhin wird die Karte immer so breit wie möglich angezeigt. Wenn du keine bestimmte Breite angibst, dann wird immer die volle Breite benutzt. Die Einbettung der Karte würde also auch funktionieren, wenn du den Wert komplett löschst.

 

Feste Breiten solltest du in einem HTML-Code vermeiden.  Der "Footer" auf der Startseite ist ebenfalls ein HTML-Element. Hätten wir einen Footer im eigentlichen Sinn benutzt, dann wäre er aktuell auf jeder Seite zu sehen gewesen (wie die Fußzeile bei Word). Wir haben den Content einfach kopiert und dann hier auf der Impressum-Seite wieder eingefügt. Jetzt wird zuerst die Karte angezeigt und danach dann der gleiche Footer wie auf der Startseite.

 

Dazu noch einige Anmerkungen. Damit der "Footer" auf kleinen Bildschirmen zu lesen ist, haben wir eine "max-width = 1050px" verwendet. Das bedeutet, die Ausdehnung ist maximal 1050 Pixel breit und wird automatisch reduziert, wenn der Bildschirm diese Breite nicht mehr anzeigen kann.