2.10 - Bilder werden im Content verschoben...

[Gassi]

Hallo ,
ich habe die neue 2.10 Version im Einsatz - und habe darin ein neues Projekt angelegt. Wenn ich jedoch im Content ein Bild hinzufüge oder ein Bildelement auswähle - dann werden die Bilder um ca. 40 pixel nach rechts verschoben angezeigt....
Im Css habe ich keinerlei solcher Angaben gemacht, und auch schon das ganze CSS geprüft- nichts zu finden. Selbst wenn ich ein CSS definiere mit padding, margin für Bilder = 0 - passiert gar nichts - Rahmen etc. kann ich für bilder vergeben.

Kennt jemand das Problem?!

Danke und Gruss
Gassi

[Vollpfosten]

Wird vom user agent stylesheet (also vom Browser) geerbt.
Bei Bildern und unter Chrome wäre es dieses hier:

figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

Einfach überschreiben und es müsste wieder passen.

[Gassi]

Danke,

das war es ... seit wann ist denn das so , das Problem hatte ich noch nieee - und wieso?

Gruss Gassi

[tio]

hallo zusammen,



figure
margin 0;

sollte glaub ich gehen...

ciao

[Michaela]

Hallo,

mit dem gleichen Problem schlage ich mich jetzt auch schon seit Stunden.

mit

figure
margin 0;

hat es von der Höhe her geklappt. Horizontal ist es immer noch verschoben.

figure {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}

hat bei mir keine Veränderung gebracht.

Hat jemand noch einen Tip?

Gruß Michaela

[Fehrmann]

Hallo,

ich hatte die Problematik gerade auch. Bei mir trat das Problem in Verbindung mit einer Lightbox mit eigenem Seitenlayout auf. Ich hatte vergessen dem Template die eigentliche CSS-Datei mitzugeben. Danach lief alles normal und das Problem war somit für mich gelöst.

Vielleicht hilft es und viele Grüße
R.Fehrmann

[Compadre]

Irgendwie hatte ich mir den Umstieg auf 2.10 einfacher vorgestellt: Momentan Probleme beim Kontakt-Email-Versand (token), und jetzt etwas Ähnliches wie bei Euch: Zunächst über den (neuen?) tag "figure" gestolpert. Plötzlich unerwünschte Abstände, hab ein reset gemacht für .image_container, padding und margin auf 0.
Aber warum schreibt das System plötzlich solche Pfade:
<img height="116" width="150" alt="Drehteile" src="system/html/dreh_stahl-b2d74fba.jpg">
Auch das Bild wird umbenannt; kenne mich plötzlich gar nicht mehr aus!
Hat da jemand schon mehr Erfahrungen mit dem 2.10er System?

Danke und einen schönen Abend,

Compadre

[xchs]

Die Bilddatei wird deshalb umbenannt und unter "system/html" abgelegt, weil es sich dabei um das Vorschaubild handelt. Wenn Du im Backend Bildabmessungen eingibst, die von der ursprünglichen Originalgröße abweichen, dann erstellt Contao das entsprechende Bild in dieser gewünschten Größe.

[Nina]

Wenn ihr sonstige Fragen zur 2.10 habt, siehe der Link in der türkisen Box hier im oberen Forum-Bereich.

[lucina]

Zum Thema zurück: Wenn Ihr HTML5 benutzt, dann ist es sinnvoll, auch hier ein Reset-Stylesheet zu benutzen, um sinnvolle und konsistente Browsereinstellungen zu erreichen. Einen guten Ansatz finde ich normalize.css von Nicolas Gallagher.

Selbstverständlich ist das nur einen Basis.

Carolina.

[Vanitas]

Habe auch das Problem mit den verschobenen Bildern und das figure margin 0 hat bei mir nicht wirklich geholfen.

Gibts da noch weitere Tipps zu?

Edit: Wobei ich irgendwie das Gefühl habe dass das CSS gar nicht eingebunden wird !?

http://contao.feuerwehr-dedinghausen.de/

[Vanitas]

Nachdem ich die normalize.css eingefügt habe, passt alles. Keine Ahnung weshalb er die Änderung nicht per hand wollte, aber nu gehts.