Die Frage können wir ohne einen Blick auf eine Webseite mit eingefügtem Bild nicht beantworten. Auf der in deinem Profil verlinkten Website (ist das die Website, um die es bei deiner Frage geht?) ist nur eine „Coming Soon“-Seite zu sehen.
Hallo Bego,
ich habe die Seite temporär freigeschaltet: http://www.tripaddicted.de/equipment/
Es geht um Google Trips und das eingefügte Bild.
Eine andere Frage: Bei der Bilderreihe vorher habe ich mich einer Tabelle bedient. Hierbei habe ich mich zusätzlich gefragt, wie ich es im Quellcode vom WP Editor erreiche, dass der Titel des Bildes unterhalb erscheint.
PS: interessanterweise sieht die Vorschau direkt im WP Editor komplett anders aus (alles schön bündig)
Die Darstellung des Bildes liegt darin begründet, dass in Deinem CSS folgende Regel steht:
@media screen and (min-width: 1180px)
.no-sidebar .alignleft {
margin-left: -100px;
}
Will heißen, dass alle Elemente mit dieser Klassenkombination negativ nach links eingezogen werden. Setz den Wert auf 0 und das Problem ist in diesem Fall gelöst. Kann jedoch Auswirkungen auf andere Bilder haben, die ebenfalls links ausgerichtet sind.
-
Diese Antwort wurde geändert vor 6 Jahren, 10 Monaten von Torsten Landsiedel. Grund: Code als Code ausgezeichnet
Ich checke das mal nachher. Danke für den Hinweis
-
Diese Antwort wurde geändert vor 6 Jahren, 10 Monaten von revilo82.
Hallo!
Ich habe das selbe Problem- Wenn ich die bilder ausrichte, links oder rechts, stehen die Bilder ausserhalb am Text.
Leider kenne ich mich überhaupt nicht mit CSS aus… könnte mir da trotzdem jemand einen Rat oder eine kleine Anleitung geben?
Zur Vorschau: http://justwords.ch/meditation/
Vielen lieben Dank!
Ich habe das selbe Problem- Wenn ich die bilder ausrichte, links oder rechts, stehen die Bilder ausserhalb am Text.
Bei Dir besteht ein ähnliches Problem. Du bzw. Dein Theme haben CSS-Regeln, die mit einem negativen Margin dafür sorgen, dass die Bilder an den äußeren Rand gedrückt werden.
@media screen and (min-width: 50em) {
img.alignright,
.wp-caption.alignright {
margin-right: -1.5em;
}
img.alignleft,
.wp-caption.alignleft {
margin-left: -1.5em;
}
}
@media screen and (min-width: 74em) {
img.alignright,
.wp-caption.alignright {
margin-right: -3em;
}
img.alignleft,
.wp-caption.alignleft {
margin-left: -3em;
}
}
Wenn Du hier alle Minuswerte auf 0 setzen würdest (mit Hilfe eines Childthemes bspw.), wäre das Problem gelöst
Tatsächlich- Tausend Dank!!