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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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