Page 1 of 1

NL/BR nach Bildern wird nicht angezeigt

Posted: Fri May 13, 2016 10:19 am
by theborg
Hallo, ich hab ein kleines Problem, auf einer Seite (http://stempeloma.de) werden die Newlines nicht angezeigt sobald sie nach einem Bild sind, was ich nicht ganz verstehe da sie im Quellcode enthalten sind.

Text -> nl -> Bild = geht
Bild -> nl -> Bild = Geht nicht
Bild -> nl -> Text = Geht nicht

Hat da jemand einen TIP ?

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Fri May 13, 2016 10:49 am
by Timbalu
Du hast die Bilder (unnötigerweise) als image left eingebaut. Das aber hat einen float.

Code: Select all

.serendipity_image_left {
    float: left;
    ...
}
Entweder entfernst du das float oder du musst es unmittelbar danach wieder aufheben, zb mit

Code: Select all

.serendipity_image_left::after {
    clear: left;
}

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Fri May 13, 2016 8:26 pm
by yellowled
Timbalu wrote:Entweder entfernst du das float oder du musst es unmittelbar danach wieder aufheben, zb mit

Code: Select all

.serendipity_image_left::after {
    clear: left;
}
In den meisten Fällen wird .serendipity_image_* ein img-Element sein. img-Elemente haben – ähnlich wie z.B. hr oder br – technisch gesehen weder Textinhalt noch Kindelemente, die Textinhalte haben, weshalb man in den meisten Browsern auf (nicht nur, aber auch) img kein :before oder :after anwenden kann. Deshalb wird dieser Clearfix so nicht funktionieren.

YL

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Fri May 13, 2016 8:29 pm
by yellowled
In der Tat scheint es hier am sinnvollsten, die Bilder (die ohnehin zu groß sind, als dass Text sie noch umfließen könnte) ohne float einzubauen.

Ansonsten könnte man einfach folgendes ins CSS werfen:

Code: Select all

.serendipity_image_left {
    margin-bottom: 1em;
    padding: 0;
}
YL

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Sat May 14, 2016 9:14 am
by Timbalu
yellowled wrote:weshalb man ... auf ... img kein :before oder :after anwenden kann.
Das war mir gar nicht klar. Schade. Ich hätte es testen sollen. Danke.
Dann wäre es aber (in diesem Fall) sowieso besser gleich .serendipity_image_center zu verwenden, ohne am CSS herumzuspielen.

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Sat May 14, 2016 6:26 pm
by yellowled
Timbalu wrote:Dann wäre es aber (in diesem Fall) sowieso besser gleich .serendipity_image_center zu verwenden, ohne am CSS herumzuspielen.
Jein. .serendipity_image_center ist ggf. eine unerwünscht zentrierte Darstellung des Bildes. Streng genommen bräuchte die Mediendatenbank eine Option .serendipity_image_default o.Ä. ohne float oder Zentrierung.

YL

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Sun May 15, 2016 3:05 pm
by theborg
Moin das Beispiel von yellowled funktioniert soweit, allerdings hab ich jetzt den Text neben dem Bild das ist aber nicht gewünscht b.z.w auch im Medienmanager so nicht ausgewählt.

Könntet ihr mir dabei bitte nochmal helfen in der CSS scheint generell nicht angegeben zu sein wie Bilder angezeigt werden, das mit dem Center würde gehen allerdings ist das so auch nicht gewünscht da die Bilder dann nicht bündig mit dem Text sind.

mfg tb

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Sun May 15, 2016 3:10 pm
by Timbalu
In deinem Fall einfach das image auf 100% aufziehen.

Code: Select all

.serendipity_image_left {
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
}

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Sun May 15, 2016 7:59 pm
by yellowled
Timbalu wrote:In deinem Fall einfach das image auf 100% aufziehen.

Code: Select all

.serendipity_image_left {
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
}
Entschuldigung, aber das ist Unfug, weil es ggf. das Bild über seine physikalische Größe hinaus hochskaliert, was nicht nur schlecht aussehen, sondern auch ein Perfomanceproblem werden kann.

Ich sehe zwei Ansätze: entweder man ändert bei allen Bildern die Positionierungsklasse von .serendipity_image_left auf .serendipity_image_center (was aber ggf. dazu führt, dass sie zentriert werden, was unerwünscht sein kann) oder

Code: Select all

.serendipity_image_left {
    float: none;
    margin-bottom: 1em;
    padding: 0;
}
Allerdings nimmt man sich damit natürlich die Möglichkeit, Bilder links zu floaten, wenn man es will.

YL

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Sun May 15, 2016 8:54 pm
by theborg
Prinzipiell geht ja beides das mit dem Skalieren finde ich auch nicht so gut da dadurch die Bilder dann mach mal etwas schwammig wirken können, will auch das alles so einfach wie möglich halten deswegen gibt es auch schon beim Upload über die Einstellungen eine Feste Skalierung auf die Bildgröße, die gute Dame die das Blog schreibt ist schon etwas Älter daher möchte ich sie mit den ganzen Extras (wie Vorschaubilder ...) nicht überfordern.

Eine frage hab ich noch das Problem ist ja das Float aber wo wird das gesetzt ? kommt das über die vorigen Einstellungen in der css also durch die anderen Klassen ?

Ich hab einen eigenen Blog aber da ist das Template/CSS bei weiten nicht so Komplex

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Sun May 15, 2016 8:59 pm
by Timbalu
"Unfug" nur, wenn man die expliziten "(in diesem Fall)" und "In deinem Fall" einfach mal außer acht lassen will! Ich sehe es so, die Frage war, ein eher statisches CMS mit Serendipity in einem bestimmten sehr eng gefassten Template auf die gegebenen Fragen hin zu beantworten. Nichts weiter habe ich gemacht. Schade ist YL, dass deine pfingstlichen Ergänzungen einfach rüde klingen. Du selber schreibst ja "gegebenenfalls". Da nützt auch ein "Entschuldigung" nichts. Ende.
Please take over. Danke.

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Mon May 16, 2016 9:21 am
by yellowled
theborg wrote:Eine frage hab ich noch das Problem ist ja das Float aber wo wird das gesetzt ? kommt das über die vorigen Einstellungen in der css also durch die anderen Klassen ?
Beim Einsetzen des Bildes aus der Mediendatenbank wählt man eine Ausrichtung des Bildes. Die Optionen – und da ist s9y leider irreführend – entsprechen den drei Klassen, die im CSS gesetzt werden, übrigens auch, wenn sie im Theme-CSS nicht gesetzt werden (über die style_fallback.css, die immer eingebunden wird).

Diese Klassen sind serendipity_image_left (Bild links), serendipity_image_right (Bild rechts) und serendipity_image_center. Letztere ist irreführend, weil das Bild im zugehörigen Vorschaubild, das die Mediendatenbank anzeigt, eben nicht zentriert dargestellt wird, sondern so, als habe es gar keine Ausrichtung.

Das float wird über die Klasse .serendipity_image_left gesetzt, daher mein Vorschlag, es mit float: none; zu überschreiben. Das ging im Theme-CSS oder in der user.css, kommt drauf an, wie Du bisher Anpassungen vorgenommen hast.

YL

Re: NL/BR nach Bildern wird nicht angezeigt

Posted: Mon May 16, 2016 9:23 am
by yellowled
Timbalu wrote:Schade ist YL, dass deine pfingstlichen Ergänzungen einfach rüde klingen.
Wenn Du es als rüde empfindest, dass jemand auch nur potenziell falsche oder irreführende Aussagen richtig stellt, kann ich Dir auch nicht helfen.

YL