Ich möchte zwei verlinkte Bilder nebeneinander darstellen lassen und habe dabei die Lösung von 2 Div-Containern gewählt, welche mit width=50% nebeneinander stehen. Sieht gut aus, aber nur auf Desktop.
Auf Mobile überlappen die beiden Fenster. Was kann ich tun, damit das aufhört?
Code: Alles auswählen
Was halten Sie von diesen?
<div style="width: 50%; float: left; text-align: center;"><a href="http://www.seite.xx/link/up1"><img class="aligncenter wp-image-9015" src="http://www.seite.xx/wp-content/uploads/2017/01/Umfragen-bearbeiten.jpg" alt="4 € bei Anmeldung geschenkt" width="333" height="179" /></a><strong><a href="http://www.seite.xx/link/up1">Geld für Umfragen
4 € bei Anmeldung geschenkt</a></strong></div>
<div style="width: 50%; float: left; text-align: center;"><a href="http://www.seite.xx/link/up2"><img class="aligncenter wp-image-9017 size-medium" src="http://www.seite.xx/wp-content/uploads/2017/01/kostenloser-Reisefuehrer-Reisen.jpg" width="340" height="179" /></a><strong><a href="http://www.seite.xx/link/up2">Gratis Reiseführer für Deutschland</a></strong></div>
Das ist der Code, den ich benutzt habe. Was kann ich ändern, damit sich die beiden Fenster in der mobilen Version untereinander anordnen, anstatt zu überlappen.
Danke im voraus.