Bild und Formatvorlagenklassen

Thema wurde von Anonymous, 5. März 2019 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    19. Januar 2017
    Beiträge:
    430
    Danke erhalten:
    25
    Danke vergeben:
    48
    Hallo,

    ich wollte auf der Startseite im Content Bereich ein Bild über die gesamte Textbreite anlegen,
    dass hat zwar auch geklappt nur mit dem Img-Responsive klappt es nicht wirklich. Wenn ich mein Browser Fenster verkleinere, wird das Bild zwar ganz dargestellt doch nicht proportional, es wird verzerrt, was natürlich dann unschön aussieht. Habe ich vielleicht den falschen Befehl in der Formatvorlagenklasse angegeben oder wie kann ich dies ändern damit es korrekt auch in kleineren Browser Fenster dargestellt wird?

    Formatvorlagenklassen: img-responsive
     
  2. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    ohne Link zum Patienten werden das nur Vermutungen...

    Schau dir doch mal in den Demoshops die Beiträge an.
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Ich rate, dass da noch irgendwo eine feste Größe steht
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    19. Januar 2017
    Beiträge:
    430
    Danke erhalten:
    25
    Danke vergeben:
    48
    Ich hab es teilweise gelöst, als bei dem großen Bild stand unter der Formatvorlagenklassen noch die Größe, als ich die gelöscht habe, hat es funktioniert.

    Nun habe ich probiert, bei zwei Bilder nebeneinander das gleiche anzuwenden, mit dem Script:

    <div class="row home-teaser-row space-0">
    <div class="col-xs-12 col-md-4 row-xs-2 row-md-1">
    <a class="home-teaser" ><img alt="" class="img-responsive" src=".jpg" /></a>
    </div>

    <div class="col-xs-12 col-md-4 row-xs-2 row-md-1">
    <a class="home-teaser" ><img alt="" class="img-responsive" src=".jpg" /></a>
    </div>
    </div>


    Doch für was steht genau diese Aussage: "col-xs-12 col-md-4 row-xs-2 row-md-1" ?

    Link: (Link nur für registrierte Nutzer sichtbar.)
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Schau mal hier:
    (Link nur für registrierte Nutzer sichtbar.)
    da wird das ganze sehr gut erklärt