NL/BR nach Bildern wird nicht angezeigt

Hier können Probleme und alles andere in Deutscher Sprache gelöst werden.
Post Reply
theborg
Regular
Posts: 37
Joined: Thu Jan 18, 2007 10:57 am
Contact:

NL/BR nach Bildern wird nicht angezeigt

Post 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 ?
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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;
}
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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.
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
theborg
Regular
Posts: 37
Joined: Thu Jan 18, 2007 10:57 am
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: NL/BR nach Bildern wird nicht angezeigt

Post by Timbalu »

In deinem Fall einfach das image auf 100% aufziehen.

Code: Select all

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

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
theborg
Regular
Posts: 37
Joined: Thu Jan 18, 2007 10:57 am
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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.
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: NL/BR nach Bildern wird nicht angezeigt

Post 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
Post Reply