Hallo zusammen,

ich habe auf meiner Website www.equinemoments.de eine html-map erstellt, weil ich wollte, das man bei Klick auf die Social-Media Logos weitergeleitet wird.

1) Am Desktop ist nun alles optisch wie gewünscht, aber auf dem Smartphone wird das Bild in Originalgröße angezeigt und ist dadurch abgeschnitten. Gibt es einen HTML-Code, um das Bild (wie die darunter, die ich normal als Foto-Element einfügen konnte) responsive zu machen?

2) Die Verlinkungen sind im Code richtig, in der Umsetzung wird dann aber (warum auch immer) die Domain meiner Seite vor den Link gesetzt und die Weiterleitung klappt damit nicht.
Dieses "/app/sda7c39c26c823f1d/pc41fed0a4159fb03/" vor den korrekten Links habe ich da nicht eingesetzt, das kommt durch das Speichern irgendwie von Geisterhand ...

Anbei der Code, den ich aktuell nutze. Vielen Dank!

<p style="text-align: center;"><img src="https://www.equinemoments.de/app/download/16721362525/Box_Logo.jpg?t=1516133485" alt="" usemap="#Map" /> <map id="Map" name="Map"> 
<area title="" alt="" coords="152,246,177,270" shape="rect" href="/app/sda7c39c26c823f1d/pc41fed0a4159fb03/www.facebook.de/equinemoments.pferdefotografie" />
 
<area title="" alt="" coords="194,246,257,271" shape="rect" href="/app/sda7c39c26c823f1d/pc41fed0a4159fb03/www.youtube.com/channel/UCECAshy2lZsIUW9mfDFhfuw" />
 
<area title="" alt="" coords="273,247,301,272" shape="rect" href="/app/sda7c39c26c823f1d/pc41fed0a4159fb03/www.instagram.com/equinemoments_pferdefotografie/" />
 [...] </map></p>