4-spaltiger Text in "freier Inhalt 3" geht über Shopbreite

Thema wurde von B. Rother, 5. Februar 2018 erstellt.

  1. B. Rother
    B. Rother Aktives Mitglied
    Registriert seit:
    15. Februar 2012
    Beiträge:
    35
    Danke erhalten:
    0
    Danke vergeben:
    10
    #1 B. Rother, 5. Februar 2018
    Hallo,
    da ich nicht die größte Leuchte in Sachen css bin, bekomme ich es einfach nicht hin, dass ein 4-spaltiger Text im "freien Inhalt3" innerhalb des Shops dargestellt wird. Den Quellcode habe ich als Grafik angefügt.
    Wäre schön, wenn Ihr meinen Fehler finden würdet :)



    lg
    Birgit

    Shop
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #2 barbara, 5. Februar 2018
    Ich tippe auf Seitenabstände, die da nicht ganz passen.
    Ohne den Shop und das css dahinter zu sehen, ist es aber nur raten.
     
  3. B. Rother
    B. Rother Aktives Mitglied
    Registriert seit:
    15. Februar 2012
    Beiträge:
    35
    Danke erhalten:
    0
    Danke vergeben:
    10
    #3 B. Rother, 5. Februar 2018
    Hallo Barbara, .... auch eine Nachteule ;-)

    ich Hab den Shop doch verlinkt .

    lg
    Birgit
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #4 barbara, 5. Februar 2018
    oh je, da habe ich schon eine Brille auf.....
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Januar 2015
    Beiträge:
    311
    Danke erhalten:
    37
    Danke vergeben:
    37
    #5 Anonymous, 5. Februar 2018
    passt das evtl.
    Code:
    <div class="btgrid">
    <div class="row row-1">
        <div class="col col-md-3">
            <div class="content">
                <p>
                    Col 1 content area
                </p>
            </div>
        </div>

        <div class="col col-md-3">
            <div class="content">
                <p>
                    Col 2 content area
                </p>
            </div>
        </div>

        <div class="col col-md-3">
            <div class="content">
                <p>
                    Col 3 content area
                </p>
            </div>
        </div>

        <div class="col col-md-3">
            <div class="content">
                <p>
                    Col 4 content area
                </p>
            </div>
        </div>
    </div>
</div>
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #6 barbara, 5. Februar 2018
    oder so:
    HTML:
    <div class="row space-4">
    <div class="col-xs-6 col-sm-3">
        <img class="img-responsive" src="images/DeinBildpfad.jpg" />
        <p>
            hier steht Dein Text
        </p>
    </div>

    <div class="col-xs-6 col-sm-3">
        <img class="img-responsive" src="images/DeinBildpfad.jpg" />
        <p>
          hier steht Dein Text
        </p>
    </div>

    <div class="col-xs-6 col-sm-3">
        <img class="img-responsive" src="images/DeinBildpfad.jpg" />
        <p>
            Dein Text
        </p>
    </div>
   <div class="col-xs-6 col-sm-3">
        <img class="img-responsive" src="images/DeinBildpfad.jpg" />
        <p>
            Und Sein 4. Text
        </p>
    </div>
</div>
    Dann sind Mobil 2 Neben einander und sonst 4
     
  7. B. Rother
    B. Rother Aktives Mitglied
    Registriert seit:
    15. Februar 2012
    Beiträge:
    35
    Danke erhalten:
    0
    Danke vergeben:
    10
    #7 B. Rother, 6. Februar 2018
    Und nu klappt es auch ... boach .... ist schon blöd, wenn man keine Ahnung hat *grins*

    Ich denke mal, ich hab Euch hier im Forum nicht zum letzten Mal genervt *droh* :)

    Danke Michael und Barbara :)

    lg
    Birgit
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #8 barbara, 6. Februar 2018
    Immer her mit den Fragen :D
     
  9. B. Rother
    B. Rother Aktives Mitglied
    Registriert seit:
    15. Februar 2012
    Beiträge:
    35
    Danke erhalten:
    0
    Danke vergeben:
    10
    #9 B. Rother, 6. Februar 2018
    Hallo Barbara,

    wenn ich jetzt noch wie ich das ganze mit einem grauen Hintergrund belegen kann und eventuell zwischen den einzelnen Blöcken einen vertikalen Strich hinbekomme, wäre das toll.
    Außerdem ist der Abstand zwischen dem Inhalt von "freien Inhalt3" zu "neue Artikel sehr groß. Wie könnte man ihn verringern?

    Du siehst, die Fragen gehen mir nicht aus ;-)

    lg
    Birgit