Zwei Bilder nebeneinander

  • Hi,

    brauche hilfe. Habe Bilder manuell mit der WP Bilder einfügen Funktion/Upload in ein Artikel eingefügt. Aber ich möchte gerne zwei Bilder samt Rahmen und Beschreibung nebeneinander angeordnet haben, statt alle untereinander (zieht den Beitrag unnötig in die länge). Mit alignleft und beim Bild drunter alignnone geht es nicht, da beide Bilder mit den Rahmen "verschmelzen". Wenn ich es weiter auseinader tue, bekomme ich es nebeneinander aber irgendwie habe ich dann einen "Treppen"-Effekt mit den Bildern. Das rechte Bild ist dann leicht nach unten versetzt.

    Habe diese Theme Installiert:

    open-sourcerer

    Woran kann es liegen. Bei der Gallery erstellen vom normalen WP (kein Galleryplugin installiert) werden nur die Links angezeigt. Idealerweise wären zwei Bilder nebeneinander samit Rahmen und Beschreibung.

    Wieso kann man nicht wie im Word per Drag + Drop die Bilder anordnen? Gibt es denn dafür kein Addon?

    Ich hoffe es kann einer helfen.

    Danke.

    mfg

    Einmal editiert, zuletzt von Kredar (25. Juni 2010 um 19:20)

    • 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

  • sei so gut und gib mir einen Link zu Deiner Installation und zu einem Artikel wo dies auftaucht,

    1. muss ich den Quellcode sehen , den Du im Artikel hast,
    da nutzt das Originaltheme nicht, da man dort nicht gscheit in den Quellcode guggenkann

  • PHP
    [caption id="attachment_226" align="alignnone" width="300" caption="Text Bild 1"]<a href="bild1.jpg"><img class="size-medium wp-image-226" title="IMG_3034" src="bild1.jpg-300x225.jpg" alt="" width="300" height="225" /></a>[/caption]
    
    
    [caption id="attachment_225" align="alignnone" width="225" caption="Text Bild 2"]<a href="bild2.jpg"><img class="size-medium wp-image-225 " title="IMG_3038" src="bild2.jpg" alt="" width="225" height="300" /></a>[/caption]

    Hoffe das ist was du brauchst. Ist ein privater Blog, da kann kein "normaler" User rein da Passwortgeschützt. Aber ich denke das ist was du brauchst.

    Habe die Bilder alle Skaliert, mit Thumbs im Beitrag. Erst durch draufklicken machs es jQuery Colorbox per Flash auf die Bildschirmgröße auf. Das alignnone habe ich beim Bild1.jpg durch alignleft und bei Bild2.jpg auf alignnone geändert mit dem oben genannten effekt. Beide Bilder haben drunter ein Erklärungstext drunter und einen Rahmen (per Theme) drum, wie man oben sehen kann.

    mfg

  • :neutral: irgendwie hilfts net ..
    dennoch da steht:

    [COLOR=#000000][COLOR=#DD0000] [/COLOR][COLOR=#0000BB]align[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"alignnone"

    also wurde beim Einfügen in den Artikel nicht auf

    *left* geklickt oder *links*

    versuch das mal...
    [/COLOR][/COLOR]

  • Habe ich doch :). Das obere auf Links, das drunter garnichts. Steht hier im Forum so, aber dann habe ich den Treppeneffekt. Bild 2 ist dann tiefgesetzt.

    mfg

  • Ach, an so 2 "Treppenbildern" hab ich auch mal ewig rumlaboriert :roll:
    versuch mal so:
    seite/artikel bearbeiten im html-modus und das 2.bild gaaaanz direkt hinter das 1. ziehen, ohne auch nur ein leerzeichen, absatz o.ä. dazwischen - hat bei mir funktioniert :grin:

  • Geht leider auch nicht, da dann wieder die Rahmen aneinander verschmeltzen, bzw. die Beschriftung nicht geht. Also wieso ist das so kompliziert ;). Ich bekomme es einfach nicht hin.

    Mit dem internen WP Gallerie geht es ja, nur werden statt der Thumbs (Bilder) Links angezeigt. Sogar die Beschreibung wäre korrekt in der Gallerie. Nur noch die Bilder anzeigen und es geht. Nebeneinander ist per Gallerie kein Problem da klappt es.

    Einmal editiert, zuletzt von Kredar (26. Juni 2010 um 16:58)

  • So habe es gefunden, sorry für den Beitrag. Wußte echt nicht mehr weiter, habe jetzt unendlich viel getestet und alles gelöst.

    Danke an alle Helfer :).

    mfg

    Einmal editiert, zuletzt von Kredar (26. Juni 2010 um 20:26)

  • Eine andere Lösungsmöglichkeit:

    Eine (unsichtbare) Tabelle. Im Gegensatz zum Einsatz einer Galerie sind die Bilder nicht vergrößerbar - aber vielleicht will man ja genau das erreichen.


    Tabellen lassen sich einfach erstellen, wenn man das "TinyMCE Advanced"-Plugin einsetzt. Dort kann man in den Optionen ein Table-Editor-Tool aktivieren. Und anschließend im Editor für Artikel und Seiten benutzen.

    1. Ja, wie immer bei Web-Editoren ist das Table-Tool nicht mit Word zu vergleichen. Es erwartet präzises Arbeiten und eine ruhige Hand.

    2. Das Ergebnis ist nur dann gut, wenn die Bilder die gleichen Pixelmaße haben.

    3. Der erzeugte HTML-Output ist unter ästhetischen Gesichtspunkten sicher "eher nicht so gut". Aber dafür ist dieser Weg auch für den Nicht-Coder umzusetzen.

    Viel Spaß.

    der Hendrik war's

    Einmal editiert, zuletzt von der-hendrik (27. August 2010 um 22:29)

  • jQuery Colorbox

    Standart Wordpress ist eine neue Seite mit dem Bild. Das ist aber nicht in meinem Sinne. Habe "jQuery Colorbox" als Plugin installiert. Suche mal bei den Plugins danach im Wordpress. Das Plugin macht per Flash das Bild groß immer passend für die Bildschirmgröße. Das war mir wichtig da ich unterwegs mit 10" arbeite aber daheim die Freunde größere Bildschirme haben ;).

    mfg

Jetzt mitmachen!

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