Bilder und ihre Positionierung

cyrano · Post by **cyrano** » Tue Mar 27, 2007 2:09 pm

Hallo zusammen,

ich habe eine Frage zu dem "Einbau" von Bildern über den internen WYSIWYG-Editor:

Die Bilder werden angezeigt; jedoch über den nachfolgenden Artikeln.

siehe screenshot:

alles eine CSS-Einstellng oder muss hier noch anderswo eine Änderung vorgenommen werden?
Danke für einen Tipp!

cyrano · Post by **cyrano** » Tue Mar 27, 2007 9:47 pm

Ich habe zum Test, ob es am eigenen CSS liegt, noch ein paar andere Stile ausgewählt, es bleibt wie oben beschrieben, die Bilder werden nicht klar innerhalb des Eintrags platziert, sondern "überlappen" in den nächsten Eintrag.

Ist das Phänomen bekannt oder wie habt ihr das gelöst?

Danke.

Post by **garvinhicking** » Wed Mar 28, 2007 4:22 pm

Hi!

Wenn Du ein Bild "links" oder "rechts" ausrichtest, lässt es Serendipity "floaten".

Es gibt einige Themes, die das beachten. Die bei denen es fehlt muss man ein

.serendipity_entry {
clear: both;
}

einfügen, oder halt anderweitig den Namen des DIV-Containers ansprechen in dem der Text liegt, so dass er cleart.

Grüße,
Garvin

cyrano · Post by **cyrano** » Thu Mar 29, 2007 9:09 pm

Hi Garvin,

Danke für den Tipp bzw. die Anregung.

Nachdem ich mit dem clear:both Befehl keine Änderung hervorrufen konnte, habe ich mir den HTML-Code angesehen, den mit der WYSIWYG-Editor liefert.

Beispiel:

Code: Select all

blabla<!-- s9ymdb:39 --><img width="166" height="250" style="border: 0px none ; float: right; padding-left: 5px; padding-right: 5px;" src="/uploads/9.quickblog.thumb.jpg" />

wenn ich nun die Style-Angaben entferne und nur:

Code: Select all

hghjgjkgjkhgjkg<!-- s9ymdb:39 --><img width="166" height="250" src="/uploads/9.quickblog.thumb.jpg" />

schrieb, passt alles wunderbar.

Jetzt stellt sich die nächste Frage: Wo kann ich diese Formatierung bzw. die Angaben für die Style-Vorgabe ändern bzw. löschen?

Danke.

Post by **garvinhicking** » Fri Mar 30, 2007 12:07 pm

Hi!

Das mit dem Clearing *muss* klappen, Du hast es vermutlich nur an einem falschen Element angewendet. Wenn Du die URL zu dem Blog nennst kann ich Dir genauer sagen was Du clearen müsstest.

Die Formatierung der MDB zu ändern ist ein komplexes unterfangen, da musst du die serendipity_Editor.js anpassen und das dann auch für zukünftige updates dann immer wieder herstellen. CSS wäre also die wesentlich geeignetere Methode.

Grüße,
Garvin

cyrano · Post by **cyrano** » Fri Mar 30, 2007 1:50 pm

Hi,

Danke Garvin für den Tipp:

Code: Select all

.serendipity_entryFooter {
clear: both;
}

Dann klappt es!

Schnullerbacke · Post by **Schnullerbacke** » Thu Aug 02, 2007 11:36 pm

Diese oben genannte clear: both Anweisung habe ich in der Stylesheet-Datei des Templates Joshua unter div.serendipityFooter eingefügt. Das Problem, das cyrano im ersten Beitrag darlegte, besteht aber bei mir nach wie vor. Muss diese Anweisung an anderer Stelle stehen?

Schon mal danke für erhellende Antworten.

Post by **garvinhicking** » Sat Aug 04, 2007 1:03 pm

Hi!

Am besten, Du zeigst uns mal dein Blog, dann können wir helfen.

Grüße,
Garvin

Schnullerbacke · Post by **Schnullerbacke** » Mon Aug 06, 2007 8:05 am

Mittlerweile habe ich festgestellt, dass das Anzeigeproblem nur in der Vorschau im Admin-Bereich besteht. Ein weiteres Phänomen in der Vorschau ist - jedenfalls bei mir - gelegentlich auch, dass zwischen der Unterkante des Bildes und dem Footer trotz definitiv nicht vorhandener Leerzeilen ein mehrzeiliger Leerraum ist.

Da aber dem Besucher dies verborgen bleibt, kann ich damit leben. Trotzdem danke!