NL/BR nach Bildern wird nicht angezeigt
NL/BR nach Bildern wird nicht angezeigt
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 ?
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
Du hast die Bilder (unnötigerweise) als image left eingebaut. Das aber hat einen float.
Entweder entfernst du das float oder du musst es unmittelbar danach wieder aufheben, zb mit
Code: Select all
.serendipity_image_left {
float: left;
...
}
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
Ian
Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
Re: NL/BR nach Bildern wird nicht angezeigt
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.Timbalu wrote:Entweder entfernst du das float oder du musst es unmittelbar danach wieder aufheben, zb mitCode: Select all
.serendipity_image_left::after { clear: left; }
YL
Re: NL/BR nach Bildern wird nicht angezeigt
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:
YL
Ansonsten könnte man einfach folgendes ins CSS werfen:
Code: Select all
.serendipity_image_left {
margin-bottom: 1em;
padding: 0;
}
Re: NL/BR nach Bildern wird nicht angezeigt
Das war mir gar nicht klar. Schade. Ich hätte es testen sollen. Danke.yellowled wrote:weshalb man ... auf ... img kein :before oder :after anwenden kann.
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
Ian
Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
Re: NL/BR nach Bildern wird nicht angezeigt
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.Timbalu wrote:Dann wäre es aber (in diesem Fall) sowieso besser gleich .serendipity_image_center zu verwenden, ohne am CSS herumzuspielen.
YL
Re: NL/BR nach Bildern wird nicht angezeigt
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
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
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
Ian
Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
Re: NL/BR nach Bildern wird nicht angezeigt
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.Timbalu wrote:In deinem Fall einfach das image auf 100% aufziehen.Code: Select all
.serendipity_image_left { margin-bottom: 1em; padding: 0; width: 100%; }
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;
}
YL
Re: NL/BR nach Bildern wird nicht angezeigt
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
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
"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.
Please take over. Danke.
Regards,
Ian
Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
Ian
Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
Re: NL/BR nach Bildern wird nicht angezeigt
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).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 ?
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
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.Timbalu wrote:Schade ist YL, dass deine pfingstlichen Ergänzungen einfach rüde klingen.
YL