Hi *,
I am using a static map image, exported from www.openstreetmap.org, as a link in order to point to the page on my website with the map:
The html code is basically:
<a href="/link-to-map/">
<span style="backgroup-image: url('/osm_image.jpg'); ...">
<span style="position: absolute; bottom: 0; right: 0; background-color: rgba(255,255,255,0.7); color: #424242; font-weight: bold; font-size: 0.75em; padding: 0 0.5em;">
<i class="copyright icon" style="margin: 0;"></i> OpenStreetMap (osm.org/copyright)
</span>
</span>
</a>
The result on my responsive page is as follows:
I left the “http://” part out due to limited space. And, “osm.org/copyright” is no html link, because the attribution is already inside an tag. But, https://wiki.openstreetmap.org/wiki/Legal_FAQ#3a._I_would_like_to_use_OpenStreetMap_maps._How_should_I_credit_you.3F demands for a html link. So, I would like to know if my setup is still sufficient.
Best regards,
dasa123