Bilder nebeneiander

scorpio76

Hallo,

ich würde gern bei einem Artikel Bilder hinzufügen.
Aber er setzt die Bilder immer untereinander, statt diese nebeneinander zu setzten.
Wie bekomme ich die Bilder nebeneinander?
Würde mir jemand bitte weiterhelfen?

Danke für eure Hilfe.

Werbepost

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

marX

Du musst zum einen die Bilder ausrichten (links). Zum anderen muss dein Theme die nötigen Klassendefinitionen in der style.css enthalten. Falls es also im Editor gut aussieht, aber auf der Seite nicht, dann liegts am CSS.

scorpio76

Hallo,

gib mir mal ein Beispiel für das was Du meinst.

marX

Beispiel wofür genau? CSS?
:arrow: http://forum.wordpress-deutschland.org/design/44749-t…iert-nicht.html

scorpio76

Hallo,

Code

a {
    color: #552704;
    text-decoration: none;
}


a[hreflang]:after {
       content: "\0000a0[" attr(hreflang) "]";
       color:#552704;
}
                          
.post a[target^="_blank"] {
    background: transparent url('images/extern.gif') 100% 50% no-repeat;
    padding-right: 15px;
     color:#552704;
}


a img {
        border:none;
        text-decoration:none;
        }


img.alignright {
         float:right;
         margin:0 0 3px 7px;
         padding:0;
         display:inline;
               }


img.alignleft {
         float:left;
         margin:2px 7px 0 0;
         padding:0;
         display:inline;
}

Alles anzeigen

Ist der Codebeispiel von meinem Theme.
Wo bitte ist der Fehler?
Bitte helfen, denn ich scheine gerade etwas Blind zu sein....

marX

Lass mal das img hier weg:

Code

[COLOR="Red"]img[/COLOR].alignright {
         float:right;
         margin:0 0 3px 7px;
         padding:0;
         display:inline;
               }


[COLOR="#ff0000"]img[/COLOR].alignleft {
         float:left;
         margin:2px 7px 0 0;
         padding:0;
         display:inline;
}

Alles anzeigen

Dann gilt das nicht nur für einfache bilder sondenr auch für Bilder mit Bildunterschrift. Wenn das nicht klappt, dann brauchen wir einen Link zum Problemblog. ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder nebeneiander

Jetzt mitmachen!