Ich verwende die Extension cron_cssstyledimgtext was eigentlich ganz gut funktioniert.
Was mit noch nicht gefällt ist folgendes:
Wenn ich auf einer Seite einen 2. oder 3. ... Datensatz einfüge, und dieser Datensatz erhält ein Bild, gibt es ein Problemchen. Meine Überschriften sind mittels CSS mit einem farbigen Hintergrund hinterlegt. Dieser zieht sich über die komplette Seite. Wenn jetzt das Bild des 1. Datensatzes größer als dessen Text ist (Höhe), steht meine 2. Überschrift neben dem Bild des 1. Datensatzes. Ich möchte aber das das am Ende des 1. Bildes erst beginnt. Wie mache ich den das?
Und noch eine Frage, ich habe bei der Suche gelesen, dass man die CSS-Datei dieser Extension auslagern kann. Wie macht man das? Ich möchte diesen ganzen riesigen Summs nicht im HEAD-Bereich stehen haben.
Danke für eure Hilfe!
Ich habe den CSS Bereich aus dem Setup der Ext genommen und in einem externen File gespeichert.
Hochladen...
Dann im Setup deines Templates einbinden.
z.B.
page.headerData.10 = TEXT
page.headerData.10.value = <link rel="stylesheet" href="fileadmin/.../css_styled_imagetext.css">
Das andere Problem könnte ein float Problem sein. da musste in der CSS schauen
Und damit die Styles wirklich nicht mehr auf jeder Seite angezeigt werden, in das Setup Deines Roottemplates folgendes einfügen:
plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE >
Der Rest siehe Post von SLAng
LG
Markus
Danke euch beiden!
Das mit dem CSS werde ich mir mal anschauen, kan man sicher was einstellen.
Mahlzeit,
ich nehme jetzt auch die cron_cssstyledimgtext auch wenn sie ziemlich viel divgedöhns braucht. Den ganzen Stylesalat habe ich ganz normal und wie von SLAng angeführt rausgenommen
plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE >
aber wie erledigt man den dynamischen Teil ?
/* Border just around the image */
{$styles.content.imgtext.borderSelector} {
border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
}
Ich kann natürlich schon hergehen und das über
page.headerData.30 = TEXT
page.headerData.30.value (
<style type="text/css">
<!--
{$styles.content.imgtext.borderSelector} {
border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
padding: {$styles.content.imgtext.borderSpace}px;
}
-->
</style>
)
einbinden, aber isses das? Wäre echt interessant obs da eine einfache Lösung gibt.