Defines screenshot of map as background image of iframe for visibility without Javascript

main
Martin Braun 5 months ago
parent 9a1c6d80dc
commit 68d4478230
  1. 2
      en/index.html
  2. BIN
      image/map.png
  3. 2
      index.html
  4. 4
      styles.css

@ -75,7 +75,7 @@
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p> <p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>The building is accessible by foot from the city center in about 15 minutes, from the main train station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p> <p>The building is accessible by foot from the city center in about 15 minutes, from the main train station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p>
<p>We will meet in the rooms and areas of the ground floor and the 6th and 7th floors. All locations are barrier-free accessible.</p> <p>We will meet in the rooms and areas of the ground floor and the 6th and 7th floors. All locations are barrier-free accessible.</p>
<iframe width="800" height="500" src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">View Larger Map</a></small> <iframe id="map" width="800" height="500" src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">View Larger Map</a></small>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 KiB

@ -79,7 +79,7 @@
Bushaltestellen „Blaue Brücke“ und „Landestheater“ zu erreichen.</p> Bushaltestellen „Blaue Brücke“ und „Landestheater“ zu erreichen.</p>
<p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 6 und 7. Alle Orte sind <p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 6 und 7. Alle Orte sind
barrierefrei zu erreichen.</p> barrierefrei zu erreichen.</p>
<iframe width="800" height="500" <iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453" src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere Karte href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere Karte

@ -23,6 +23,10 @@ body {
margin: 0; margin: 0;
} }
#map {
background-image: url("image/map.png");
}
.banner { .banner {
vertical-align: middle; vertical-align: middle;
position: absolute; position: absolute;

Loading…
Cancel
Save