registrieren registriertes Mitglied


Anzeige

Anzeige

Das lästige html mal wieder - Problem mit Div-Containern

SEO Tipps und Fragen zu Content Management Systemen wie WordPress, TYPO3, Drupal, Joomla! und Onlineshopsystemen wie Magento, Shopware, xt:Commerce, PrestaShop, JTL-Shop findet Ihr hier.
Steven_age
PostRank 1
PostRank 1
Beiträge: 25
Registriert: 29.06.2014, 11:55

Beitrag Steven_age » 01.08.2017, 13:33 Das lästige html mal wieder - Problem mit Div-Containern

Hallo Forum (ich hoffe, dass ist der richtige Bereich für diese Frage.)

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&#58; 50%; float&#58; left; text-align&#58; center;"><a href="http&#58;//www.seite.xx/link/up1"><img class="aligncenter wp-image-9015" src="http&#58;//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&#58;//www.seite.xx/link/up1">Geld für Umfragen
4 € bei Anmeldung geschenkt</a></strong></div>
<div style="width&#58; 50%; float&#58; left; text-align&#58; center;"><a href="http&#58;//www.seite.xx/link/up2"><img class="aligncenter wp-image-9017 size-medium" src="http&#58;//www.seite.xx/wp-content/uploads/2017/01/kostenloser-Reisefuehrer-Reisen.jpg" width="340" height="179" /></a><strong><a href="http&#58;//www.seite.xx/link/up2">Gratis Reiseführer für Deutschland</a></strong></div>
&nbsp;

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.

Anzeige von: