Darstellungsproblem von Bildern auf der Haupseite der Homepage

    Hallo Zusammen,

    ich habe ein Darstellungsproblem der Sponsorenbilder auf unserer Homepage. Es sollen immer 6 Bilder in einer Reihe gezeigt und dargestellt werden im Format 150x150px.

    Leider wird das so nicht dargestellt wie man auf den Bildern sehen kann :-( Zusätzlich habe ich mal den HTML-Code mit dazugepackt. Vielleicht ist ja möglich und einer der Experten hier kann mal drüberschauen und ev. den Fehler kurzfristig orten?

    Über eine Rückinfo was da falsch läuft danke ich Euch im Voraus. Die Homepage lautet: http://www.fvleutershausen.de und dann einfach runterscrollen bis zu den Werbepartnern.

    Gruss
    Kussel

    Hier der Code:

    • Gerade eben
    • 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

    Da stimmt etwas mit der Verschachtelung der div-Container nicht!
    Die 6 Bilder sollen jeweils in einem Container '<div class="su-column su-column-size-1-6">' schön nebeneinander innerhalb einer Zeile '<div class="su-row">' aufgelistet werden. In dem Bespielcode, den du eingefügt hast, tun die das auch... aber.... in den fraglichen Zeilen, in denen das eben nicht funktioniert, hast du Bilder innerhalb des Containers des vorherigen Bildes eingefügt!
    Etwas so...
    <div class="su-row">
    <div class="su-column su-column-size-1-6"></div>
    <div class="su-column su-column-size-1-6"></div>
    <div class="su-column su-column-size-1-6"></div>
    <div class="su-column su-column-size-1-6"></div>
    <div class="su-column su-column-size-1-6"><div class="su-column su-column-size-1-6"></div>    </div>
    </div>

    Hallo Sailer56,
    danke für deine Info...den Anfang verstehe ich aber da wo du schreibst in "Etwa so"...verließen Sie Ihn.

    Ist es schlimm wenn z.B. ein Bild zum test 2mal angezeigt wird? das hatte ja mit dem Anzeigen nichts zu tun.

    Da ich noch nicht solange in Wordpress drin bin, wäre es nett wenn du mir eine Beispieldatei vorlegen könntest.

    Vielen herzlichen Dank vorab

    Eine korrekte Beispieldatei hast du ja selbst... die ersten beiden Zeilen deiner Werbepartnerliste funktionieren ja tadellos. Ich weiß ja auch nicht, wie du diese Auflistung erstellt hast - irgendsoein Plugin? Von Hand mit HTML Code?
    Aber ich kann dir konkret an deinem Quellcode zeigen, wo der Fehler liegt... wie du ihn dann beseitigen kannst, hängt davon ab, wie diese Liste erstellt wurde.
    Hier mal ein Auszug aus deinem Quellcode und zwar genau die Stelle, an der der Fehler zum ersten Mal auftritt...

    .....
    <div class="su-column su-column-size-1-6"> [COLOR=#ff0000]hier ist noch alles richtig - Anfang div zum Einfügen eines Bildes[/COLOR]
    <div class="su-column-inner su-clearfix"> [COLOR=#ff0000]ebenfalls richtig - Anfang eines inneren div, in dem das Bild eingefügt ist[/COLOR]
    <img class="alignnone wp-image-316 size-thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://fvleutershausen.de/wp-content/upl…ose-150x150.png" alt="gasthausrose" width="150" height="150" data-srcset="http://fvleutershausen.de/wp-content/upl…ose-150x150.png 150w, http://fvleutershausen.de/wp-content/upl…ose-300x300.png 300w, http://fvleutershausen.de/wp-content/upl…asthausrose.png 400w" data-sizes="(max-width: 150px) 100vw, 150px" />
    </div> [COLOR=#ff0000]hier wird das innere div geschlossen - richtig so[/COLOR]
    </div> [COLOR=#ff0000]hier wird das äußere div geschlossen - auch richtig so[/COLOR]

    <div class="su-column su-column-size-1-6"> [COLOR=#ff0000]hier beginnt die Einfügung des nächsten Bildes... öffne div[/COLOR]
    <div class="su-column-inner su-clearfix"> [COLOR=#ff0000]das innere div wird geöffnet - merke, jetzt sind 2 div's geöffnet![/COLOR]
    <a href="http://http/www.obsthof-volk.de/" rel="attachment wp-att-4415">
    <img class="alignnone wp-image-4415 size-thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://fvleutershausen.de/wp-content/upl…ome-150x150.jpg" class="grouped_elements" rel="tc-fancybox-group2" alt="Obsthof_Volk_Home" width="150" height="150" data-srcset="http://fvleutershausen.de/wp-content/upl…ome-150x150.jpg 150w, http://fvleutershausen.de/wp-content/upl…ome-300x300.jpg 300w, http://fvleutershausen.de/wp-content/upl…f_Volk_Home.jpg 400w" data-sizes="(max-width: 150px) 100vw, 150px" />
    </a>
    </div> [COLOR=#ff0000]das innere div wird geschlossen... das Äußere ist aber noch auf! Alles weitere wird jetzt noch in dieses äußere div hinzugefügt![/COLOR]

    <div class="su-column su-column-size-1-6"> [COLOR=#ff0000]HIER ist der Fehler... das vorhergehende äußere div ist noch nicht geschlossen und du fügst ein weiteres Bild ein.[/COLOR]
    <div class="su-column-inner su-clearfix">
    <img class="alignnone wp-image-269 size-thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://fvleutershausen.de/wp-content/upl…oba-150x150.jpg" alt="" width="150" height="150" data-srcset="http://fvleutershausen.de/wp-content/upl…oba-150x150.jpg 150w, http://fvleutershausen.de/wp-content/upl…oba-300x300.jpg 300w, http://fvleutershausen.de/wp-content/upl…015/06/voba.jpg 400w" data-sizes="(max-width: 150px) 100vw, 150px" />
    </div>
    </div>

    ....
    Ich hoffe, du erkennst anhand der [COLOR=#ff0000]roten Beschreibung[/COLOR], wie dein Fehler zustande kommt.
    Sei aber etwas vorsichtig bei der Behebung des Fehlers - einfach ein schließendes div ( </div> ) hinzufügen klappt nicht. Diese div's müssen immer als Ganzes ( <div>...</div> ) betrachtet werden.
    Das Beste wird sein, wenn du die betreffenden 'Zeilen' nochmal komplett neu machst und dich daran hältst, wie du die ersten Beiden erstellt hast, denn die sind ja richtig.

    Anscheinend ist mein letzter Beitrag in der Moderator-Prüfschleife gelandet - hmmm... der (meines Wissens einzige) Moderator hat sich allerdings gestern für 14 Tage in den Urlaub abgemeldet und 14 Tage auf die Freigabe zu warten erscheint mit zur Beantwortung einer Frage als nicht angebracht!
    kusselin - Wenn du einverstanden bist, dann schicke ich dir die Antwort per PN und die öffentliche 'Antwort' kommt dann eben wenn Maxe wieder aus dem Urlaub zurück ist.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden