Elemente bei Wechsel von Desktop auf Mobil unästhetisch verschoben

  • Guten Tag,

    ich nutze in ZP 13 das Layout "Modern Responsive". Ich bin ein absoluter Laie ohne Kenntnisse von irgendwelchen Programmiersprachen, aber mit folgendem Problem:

    Ich habe - siehe Bilder - drei Elemente, die in der mobilen Version wirklich unschön verschoben sind. Was muss ich tun, damit diese Elemente auf einem Desktop schön nebeneinander links-mitte-rechts angeordnet sind und mobil beispielsweise schön zentriert untereinander oder ähnlich.

    Beispielsweise wird die Telefonnummer immer umgebrochen, wenn ich beispielsweise testweise die Breite des Browsers verringere.

    Die eigentlich bereits modernisierte, responsivierte Website ist unter http://www.stimmton.com/sprecher_tobias_moeck_produkte.html abrufbar. Derzeit überarbeite ich sie, weil ich feststellen musste, dass ich das alles vollkommen falsch angegangen bin und das Ding sehr laienhaft aussieht.

    Ich bin sehr dankbar für anfängerfreundliche Hilfestellungen.

    Beste Grüße, tobias

    Tobias Moeck

    http://www.stimmton.com

    ZP 14 mit Stripe Responsive

    Mac mit Virtueller Maschine

    Laie, Internethilfe zu CSS und HTML

  • Hallo,

    zunächst würde ich dort mal den Spacer entfernen und dann dafür sorgen, dass alle 3 Elemente die selbe breite haben. Auf kleinen Bildschirmen passen aber keine 3 Spalten nebeneinander und ab einer bestimmten Größe werden die Elemente daher untereinander dargestellt. Das lässt sich kaum verhindern.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    vielen Dank. Ich habe das tatsächlich schon probiert, das änderte nichts.

    Es ist kein Problem, dass die Elemente untereinander stehen, sondern dass das dann so unordentlich aussieht.

    Wenn ich das Bild auf die gleiche Breite bringe, wie die anderen Elemente, wird es so groß. Kann ich dem Bild eine maximale Größe geben?

    Freundliche Grüße, tobias

    Tobias Moeck

    http://www.stimmton.com

    ZP 14 mit Stripe Responsive

    Mac mit Virtueller Maschine

    Laie, Internethilfe zu CSS und HTML

  • Hallo,

    Sie könnten das Bild vor dem Import bereits auf die maximal gewünschte Breite skalieren. Ein Bild wird nicht breiter dargestellt, als dies die Datei hergibt.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!