Zwei grundlegende Anforderungen an ein CMS bestehen darin, dass man eine Trennung von Inhalt und Design erreicht und dass man ohne html-Code zu schreiben Inhalte einpflegen kann. Bereits der zweite Teil dieser Grundanforderungen lässt sich mit dem beliebten Open Source-CMS Joomla nicht zufriedenstellend lösen.
In Webseiten werden Bilder üblicherweise auf 3 Arten platziert:
- links ausgerichtet mit rechts umfließenden Text
- rechts ausgerichtet mit links umfließenden Text
- Bild mittig ohne umfließenden Text
So gut wie nie benötigt man ein links oder rechts ausgerichtetes Bild OHNE umfließenden Text.
Wenn man eine Webseite „per Hand„erstellt, dann legt man am besten drei Styles für diese Zwecke an, also z.B. <img class=„left“ src=… >, <img class=„right“ src=…>, <img class=„center“ src=…>. Die Styles werden dann z.B. folgendermaßen definiert:
img.left{
float: left;
margin: 5px 13px 5px 0;
}
entsprechend für die rechts ausgerichteten Bilder:
img.right{
float: right;
margin: 5px 0px 5px 13px;
}
So erreicht man, dass zwischen Bild und Text ein Abstand von 13px erhalten bleibt, ein Bild, das am linken Rand ausgerichtet ist, aber nicht vom Rand weg gerückt wird.
In Joomla geht es leider nicht so einfach wie OHNE CMS. Das CMS macht uns das Leben schwer, indem es für Bilder nicht eine Klasse definiert, die man dann bequem in der Stylesheetdatei so formatieren kann, wie man es will, sondern Joomla verwendet statt dessen direkt die Formatierung <img style=„float:right“ …>.
Mir ist leider kein Weg bekannt, wie man Joomla dazu bewegen kann (ohne im Code zu hacken oder Erweiterungen zu installieren, die dann mehr Probleme mitbringen, als sie lösen) eine Möglichkeit zu bieten Bilder bündig am Seitenrand und mit Abstand zum umfließenden Text zu formatieren. Ich kann gar nicht glauben, dass es dafür keine „saubere“ Lösung gibt. Das Problem müsste doch jeder haben, der Joomla einsetzt. Wie kann es sein, dass es nur uns stört — oder haben wir eine ganz banale Lösung für dieses Problem einfach ÜBERSEHEN?
Wie macht ihr das?
Hallo,
hatte ein ähnliches Problem wie du.
Habe soeben eine Lösung gefunden:
Wähle das Bild nicht als Bild aus, sondern füge es als Bild in die Beschreibung ein. Dort kann man dann alles so einstellen, wie man möchte.