Footerbereich: Bild mittig positionieren / Weitere Sonderzeichen in die S.tabelle einfüge

Thema wurde von andrea_oezlue, 24. März 2017 erstellt.

  1. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Hallo,

    URL: www.my-whitepearl.de

    1. Frage
    leider ist die Spalte von den Zahlungsoptionen und Versandoptionen nicht Mittig. (Desktopanzeige)

    Unbenannt.png

    Ich habe diesen HTML Code dafür benutzt.
    Allerdings bekomme ich das Bild nicht mittig.
    Hat jemand eine Idee?




    Code:
    <div class="row">
    <div class="col-xs-12 col-sm-6"><img alt="Bild1" class="img-responsive" src="http://www.my-whitepearl.de/images/Footer_Versand_etc..jpg" style="width: 600px; height: 45px;" />
    <p>&nbsp;</p>
    </div>
    </div>
    
    2. Frage
    Wie kann ich im TextEditor in die Sonderzeichentabelle weitere Sonderzeichen einfügen?
    (WEITERE SONDERZEICHEN EINFÜGEN)

    LIEBEB DANK FÜR DIE UNTERSTÜTZUNG
     
  2. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Probier mal den Code ->

    Code:
    <center>
    <div class="row">
        <div class="col-xs-12 col-sm-6">
            <img alt="Bild1" class="img-responsive" src="http://www.my-whitepearl.de/images/Footer_Versand_etc..jpg" style="width: 600px; height: 45px;" />
            <p>
                &nbsp;
            </p>
        </div>
    </div>
    </center>
     
  3. Kai Stejuhn
    Kai Stejuhn Beta-Held
    Registriert seit:
    26. September 2014
    Beiträge:
    1.454
    Danke erhalten:
    743
    Danke vergeben:
    92
    Das Problem bei Dir liegt bei der Gestaltung der Grids. Du hast bei Dir die ersten sechs von zwölf Spalten belegt und möchtest diese in der Mitte anzeigen.

    Lege einfach drei Spalten vor das Bild und drei Spalten dahinter (damit Du immer auf zwölf kommst), dann ist der Anzeigebereich automatisch in der Mitte.

    Du solltest auch keine Größenangaben für das Bild einsetzen, wenn Du die Klasse "img-responsive" nutzt, da Du diese damit teilweise wieder aufhebst und as Bild verzerrt angezeigt wird.

    <Center> sollte man auch nicht mehr nutzen, das ist veraltet.

    Ich habe den Code mal angepasst, kannst ja mal probieren, ob das für Dich so in Ordnung ist.

    Code:
    <div class="row">
    <div class="col-xs-12 col-sm-3">
    </div>
    <div class="col-xs-12 col-sm-6">
      <img alt="Bild1" class="img-responsive" src="http://www.my-whitepearl.de/images/Footer_Versand_etc..jpg" >
    </div>
    <div class="col-xs-12 col-sm-3">
    </div>
    </div>