Alle Bilder werden untereinander dargestellt

  • Hallo!
    Ich bitte um eure Hilfe! Auf meiner Seite gibt es eine Seite mit Rezepten. Allerdings werden alle Bilder untereinander dargestellt. Dieses Problem habe ich seit dem Umzug zu Wordpress.
    http://www.krimserei.at/blog/rezepte/

    Wie könnte ich es möglichst einfach lösen, damit sie nebeneinander stehen? Vielleicht ist es nicht notwendig jeden einzelnen Block zu verändern.
    Ich habe gelesen, dass man alle Bilder linksbündig einrichten soll. Ist das der richtige Weg?

    Die Bilder der einzelnen Posts muss ich noch neu hochladen, deshalb funktioniert die Verlinkung nicht. Das mache ich aber erst wenn ich weiß wie ich die Seite richtig aufbaue!

    Ich danke euch vielmals für eure Hilfe!

    Mein HTML Code des ersten Blocks sieht so aus:

    <figure><a href="http://krimserei.blogspot.co.at/2013/09/Kuerbissuppe.html"><img src="https://lh5.googleusercontent.com/-2_kNsB_9ad8/U…barb180_250.jpg" alt="" /></a><figcaption>Kürbissupe
    <figure><a href="http://krimserei.blogspot.co.at/2013/04/Kresse…Brotstange.html"><img src="https://lh4.googleusercontent.com/-Jd71tTOHPBU/U…uppe180_250.jpg" alt="" /></a><figcaption>Kressesuppe</figcaption></figure>

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Den Bilder könnte man entsprechende CSS Regeln geben, damit diese nebeneinander stehen. Allerdings hast Du die Bild in Absätze (<p></p>) eingebaut. Die kann man zwar auch per CSS formatieren aber dann würde auch Text in Absätzen diese Formatierung übernehmen. Also bräuchten die p Tags in denen Bilder stehen wieder eigene Klassen. Besser wäre eine Anordnung nach dem Muster:

    <div class="bildernebeneinander"><img /><img /><img /><img /><img /><img /></div>

    Dann kann man per CSS gut arbeiten.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Mensmaximus: vielen vielen Dank für deine Antwort. Ich bin aber grad ein wenig verwirrt. Wie sieht ein richtiger Block dann aus? Was meinst du mit "Bildernebeneinander"? Hier wird eingefügt: Link zum Blog, Link zum Bild, titel?
    Ich bin leider nicht so gut in diesen Dingen, mit der Bildgalerie lässt sich das allerdings auch nicht lösen!
    Danke für deine Hilfe!
    Liebe Grüße
    Angela

  • Das war einfach nur ein Beispiele um zu demonstrieren wie die Bilder am besten angeordnet sind. Was an Attributen und Links und Titel und Klassen oder was auch immer dazu kommt ist Beiwerk und für die Grundüberlegung (ziemlich) egal.

    Also nicht Bild einfügen, Return Taste drücken, Bild einfügen, Return Taste drücken sondern

    Bild linksbündig einfügen, Bild linksbündig einfügen, Bild linksbündig einfügen, Bild linksbündig einfügen, Return Taste drücken, dann kann man mit CSS die Bilder "hübsch" anordnen.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!