Inhaltsverzeichnis Tipps und Tricks YAML

YAML

Sollten Sie für das Layout Ihrer Webseite auf Yaml zurück greifen, kann es in einigen Bereichen des CMS zu Einschränkungen kommen.

Vertikale und Horizontale Abstände bei Bildern

Dieses Problem tritt nur beim Einsatz des WYSIWYG-Editors aus Version 4 auf.

In der zentralen base.css-Datei von Yaml werden etliche Browser Resets gesetzt die für gleiche Ausgangsbedingungen für alle Browser sorgen sollen.
Eine dieser Anweisungen sieht wie folgt aus :

QuelltextCSS Code:
  1. * { margin:0; padding:0; }

Dadurch werden sämtliche Innen- und Außenabstände aller HTML-Elemente auf Null gesetzt.
Leider interpretieren einige Browser diese Anweisung dann stärker als die in unserem Editor gesetzten Abstände bei Bildern.
Diese Funktion wird dann unter Umständen nicht mehr korrekt ausgewertet.

Sie können das Problem umgehen, indem Sie auf die direkte Eingabe von Abständen verzichten und statt dessen in der img.css entsprechende Klassen für Bilder definieren.
Mit einem !important ist es möglich, die Yaml-Anweisungen zu überschreiben.