Bild geht über den Rand

Thema wurde von Anonymous, 23. Oktober 2017 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60
    Auf der mobile Version geht ein Bild das ich in die Startseite eingebunden habe, über den normalen Bereich hinaus (siehe Bild) Die Produbilder werden normal innerhalb von diesem bereich abgebildet.

    Wenn ich das Foto verkleinere wird es zwar besser, aber dafür verkleinert sich das Bild auch am Desktop und dann kann man es nicht mehr erkennen.... b23.jpg
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Du hast es vermutlich nciht responsive eingestellt.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60
    Wo kann ich das responsive einstellen?
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    da, wo Du das Bild hochgeladen hast.
    Klicke im Content-Manager auf das Bild, damit sich die Bild-Eigenschaften öffnen.
    Im ersten Reiter nimmst Du die Größen-Angaben raus. Dann wechselst Du auf den 3. Reiter "Erweitert"
    Als "Formatvorlagenklassen" gibst Du
    img-responsive
    ein und unten bei "stiel" löscht Du die eingabe.
    Dann speichern und Cache leeren.
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60
    #5 Anonymous, 23. Oktober 2017
    Zuletzt bearbeitet: 23. Oktober 2017
    Ich habe das Bild per URL eingestellt, da das Bild hochladen nicht funktioniert (Darstellung) siehe Bild...
    Weiss auch nicht warum das so aussieht... bc3.jpg

    habe mehrer Browser (Firefox, Edge, Chrome) probiert - das gleiche Problem...
     
  6. missL
    missL Erfahrener Benutzer
    Registriert seit:
    14. Juni 2012
    Beiträge:
    71
    Danke erhalten:
    0
    Danke vergeben:
    12
    ich habe das Problem, dass ich eine Tabelle im Index erstellt habe mit 3 Spalten und 2 Reihen. ich möchte dass sowohl die Bilder als auch die Texte zentriert sind aber auch responsive.

    Die Tabelle habe ich auf 100% breite gestellt. Alle Bilder wie von dir beschrieben (maße raus, img-responsive) vorbereitet. Nun ist es wie folgt:

    Handyansicht: alles wunderbar mittig.

    Auf dem Laptop: Der Text wird mittig in den Spalten angezeigt, die Bilder sind alle linksbündig und ich bekomme sie nicht mittig. Hast du einen Rat @barbara ?
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    nicht ohne link
     
  8. missL
    missL Erfahrener Benutzer
    Registriert seit:
    14. Juni 2012
    Beiträge:
    71
    Danke erhalten:
    0
    Danke vergeben:
    12
    www.misslovett.com

    direkt unter dem Slider die icons
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Versuche mal bitte ob es geht, wenn Du den Bildern ein margin-left / right: auto gibst.
    Code:
    <td style="text-align: center;vertical-align: top;"><img alt="" class="img-responsive" src="/images/icons/icon_germany_sm.png" style="margin-left: auto;margin-right: auto;"></td>
     
  10. missL
    missL Erfahrener Benutzer
    Registriert seit:
    14. Juni 2012
    Beiträge:
    71
    Danke erhalten:
    0
    Danke vergeben:
    12
    Du bist die Beste! Danke! <3