Guten Morgen, ich nochmal.. Was muss ich ändern damit die Mobile Ansicht schöner wird bzw das zwischen dem ersten und zweiten Bild ein Absatz ist, sich das aber auf der Destop version nicht ändert? Natürlich habe ich wieder Bilder für euch! LG Jennifer
Problem: Bilder sagen zwar mehr als 1.000 Worte, man sieht aber nicht den Code (html, CSS) der sie erzeugt. Daher ist bei Design Problemen zu 98% der Blick in deinen Shop von Nöten, sonst rät man nur rum.
Hallo, einen schönen ersten Advent. Hier ist der Code in voller länge: <h2>Willkommen bei Frono powered by Frostfutter Nordloh</h2> <p> <span style="font-size:14px;"><span style="font-family: arial,sans-serif;">Vom leckeren Rohfleisch über die Dose bis hin zu unseren natürlichen Kausnacks sind viele Produkte aus unserem BARF Online-Shop Sortiment getreidefrei und enthalten weder Zucker noch künstliche Farb-, Konservierungs- oder Lockstoffe. Die hochwertigen B.A.R.F Produkte bestellst du bei uns zu erstklassigen Versand-Konditionen und selbstverständlich auch noch ab 50€ versandkostenfrei! </span></span><br /> <br /> <span style="font-size:14px;"><span style="font-family: arial,sans-serif;">Wir als dein Frostfutter Lieferant möchten dich über die Vorteile dieser Ernährung informieren. Eine artgerechte Rohfütterung ist wichtiger Bestandteil einer gesunden Tierhaltung. Denn Krebs, Allergien, Haut- und Fellprobleme, Nieren- und Lebererkrankungen sowie weitere Krankheiten unserer Vierbeiner treten immer häufiger auf und können auch durch industriell hergestellte Fertigfutter ausgelöst werden.</span></span><br /> <br /> <span style="font-size:14px;"><span style="font-family: arial,sans-serif;">Neben BARF Frostfutter bieten wir getreidefreies Nassfutter in Dosen oder Wurstform für Hunde und Katzen an. Auch beliebte Kauartikel, vitaminreiche gefrorene Futtermäuse, Kaninchen und Ratten, Barf - Fleisch stückig oder gewolft wir führen alles, was das Herz des Vierbeiners begehrt.</span></span><br /> <br /> </p> <div class="row home-teaser-row space-0"> <div class="col-xs-12 col-md-8 row-xs-2 row-md-2"> <a href="www.frono-food.de/info/basiswissen.html" target="_self"><img alt="" class="img-responsive" height="772" src="images/Barf Basiswissen 2.jpg" width="1095" /></a> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"> <a href="newsletter"><img alt="" class="img-responsive" src="images/Newsletter.jpg" /></a> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"> <a href="angebote"><img alt="" class="img-responsive" src="images/Sale_3.jpg" /></a><br /> <br /> </div> </div> Besser? Oder brauchst du noch was? Liebe Grüße Jennifer Nordloh
Am Besten ist immer ein Link, weil man da nicht nur ein Bild oder den html-Code hat, sondern auch das css dazu. Versuche es mal mit: HTML: <div class="row home-teaser-row space-0"> <div class="col-xs-12 col-md-8 row-xs-2 row-md-2"> <span style="padding-bottom: 10px;> <a href="www.frono-food.de/info/basiswissen.html" target="_self"><img alt="" class="img-responsive" height="772" src="images/Barf Basiswissen 2.jpg" width="1095" /></a></span> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"> <a href="newsletter"><img alt="" class="img-responsive" src="images/Newsletter.jpg" /></a> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"> <span style="padding-bottom: 10px;> <a href="angebote"><img alt="" class="img-responsive" src="images/Sale_3.jpg" /></a></span><br /> <br /> </div> </div> Tipp: nutze das nächste mal für Codes die Code-box, diese findest Du in der Leiste als kleines "+" - Symbol
Guten Morgen, Ich habe es ausprobiert, leider ohne Erfolg. Wie finde ich das CSS? Damit ich es euch zur Verfügung stellen kann. Liebe Grüße Jennifer
Hallo Jenifer, ich habe den o.g. Code nicht probiert... schau es dir doch mal im Demo 2 Shop an. Ich habe den Code aus Index und die 3 Bilde mal auf meine Testumgebung kopiert und es passiert genau das was du möchtest. Der u.g. Code ist keine 100% Kopie, funktioniert aber. Code: <div class="row space-0"> <div class="col-xs-12 col-md-8 row-xs-2 row-md-2" style="margin-bottom: 25px;"> <a href="kinder-babys/"><img alt="" class="img-responsive" src="images/content/teaser.jpg" /></a> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1" style="margin-bottom: 25px;"> <a href="specials.php"><img alt="" class="img-responsive" src="images/content/sale-top.jpg" /></a> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"> <a href="info/versand-zahlungsbedingungen.html"><img alt="" class="img-responsive" src="images/content/service-top.jpg" /></a> </div> </div>