HTML and CSS Reference
In-Depth Information
Die reine Funktionalität haben Sie damit eingerichtet. Nun sollten Sie im letzten
Schritt über die
styles.css
die Darstellung so anpassen, dass die Karte den kompletten
Bildschirm füllt. Von Haus aus besitzt der
content
-Container einen Rand (
padding
),
damit Inhalte nicht am Bildschirmrand kleben. In diesem Fall möchten Sie jedoch
gerade dies erreichen. Erweitern Sie die
styles.css
also um folgende Definition:
#anfahrt-inhalt {
padding:0px;
}
Das war's! Die Seite Anfahrt haben Sie hiermit auch erledigt (Abbildung 8.12).
Abbildung 8.12
Die Seite »Anfahrt« komplett mit Routenplanung auf dem iPhone (links)
und unter Android (rechts)
8.1.6 Ein Kontaktformular mithilfe von PHP
Ihre Benutzer wissen nun, was man beim »heiteren Hering« zu essen bekommt und
wie man am besten mit dem Auto zum Restaurant gelangt. Während Sie mit der Pro-
grammierung der Google-Maps-Karte beschäftigt waren, hatte Herr Mattis Ihnen
eine E-Mail gesendet. Er hat eine Werbeanzeige im lokalen Zeitungsblättchen »Der
muntere Seemann« geschaltet und die Gästezahlen haben sich in kurzer Zeit mehr
als verdoppelt. Das Restaurant ist momentan an vielen Abenden komplett ausge-
bucht und ohne Reservierung geht gar nichts mehr - der perfekte Zeitpunkt für Sie,
das Kontaktformular der WebApp umzusetzen.
Search WWH ::
Custom Search