Bild zentriert in der Kategorie anzeigen lassen

Thema wurde von Anonymous, 19. August 2020 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    9. Dezember 2019
    Beiträge:
    85
    Danke erhalten:
    2
    Danke vergeben:
    42
    Hallo.

    ich möchte gerne das Bild im oberen Teil meiner Kategorie zentriert anzeigen lassen.

    Ich habe im HTML das Bild sowie den Text zentriert eingestellt sowie responsive.

    HTML Code:
    <div class="clear">
    <div class="clear" style="text-align: center;">
    <img alt="bild von schafen" class="img-responsive" src="images/schafe-mulesingfreier-walkloden.jpg" style="width: 594px; height: 291px;" />
    </div>

    <div class="clear" style="text-align: center;">
    <span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="color:#808080;">Bei uns findest du &uuml;ber 80 Farben mulesingfreien Walkloden - von gl&uuml;cklichen Schafen geschoren :)<br />
    <br />
    Was ist muselingfrei? F&uuml;r mehr Informationen klicke <a href="(Link nur für registrierte Nutzer sichtbar.)" target="_blank">hier</a>.</span></span></span><br />
    <br />
    &nbsp;
    </div>
    </div>

    Jedoch wird mir nur der Text zentriert angezeigt aber nicht das Bild. Was habe ich übersehen?

    (Link nur für registrierte Nutzer sichtbar.)

    upload_2020-8-19_15-15-22.png


    Mit Dank im Voraus für die Hife.
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Durch das "img-responsuive" ist das Bild links.
    Versuch es mal indem Du aus "img-responsive" ein "img-esponsive center-block" machst.

    P.S. der Tipp stammt von hier:
    (Link nur für registrierte Nutzer sichtbar.)
    :)
     
  3. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.009
    Danke erhalten:
    319
    Danke vergeben:
    185
    da war jetzt aber der Fehlerteufel am Werk...

    wenn dann so

    "img-responsive center-block"
     
  4. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Registriert seit:
    26. September 2014
    Beiträge:
    1.403
    Danke erhalten:
    707
    Danke vergeben:
    92
    Und nehme

    Code:
    style="width: 594px; height: 291px;"
    raus. Entweder reponsive oder feste Größe, sonst hast Du immer Probleme.
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Oh...schreiben sollte ich wohl noch mal üben :oops:

    Danke für die Korrektur :)