[TYPO3-german] Re: "Images Only"-Inhaltselement erzeugt zu viel unnützen Code

[Andreas Rieser]

Werner Remmers schrieb:
>  Hi,
> 
> folgendes Problem:
> 
> Ich habe ein Designtemplate, das aus zwei DIVs besteht, links ein DIV mit Inhalt und rechts noch eins mit Bild. Das linke DIV habe ich als linke Spalte in Typo definiert und das rechte halt als rechte Spalte.
> 
> Der Redakteur soll das Bild im rechten DIV auswechseln können, nicht mehr und nicht weniger, der Code soll eigentlich unverändert bleiben, nur das <img alt="" />-Element im DIV kriegt dann halt ein anderes src="". 
> Die einzige (und mit unzufriedenstellendem Resultat) Möglichkeit, wie der Redakteur das Bild auswechseln soll, die mir bis jetzt einfiel ist folgende:
> 
> 1. die entsprechende Seite im "Seite"-Modul anklicken
> 2. bei der rechten Spalte auf das Stift-Icon "erstelle einen neuen Datensatz am Anfang dieser Spalte" klicken
> 3. dann als Inhaltselement "Images Only" auswählen
> 4. schließlich ein Bild aussuchen, evtl. Breite/Höhe und Ausrichtung eingeben
> 
> Das Resultat ist grauenhaft, denn Typo erstellt etliche weitere Divs um das Bild herum, so sieht das dann aus:
> 
> <div id="teaserimg">
> <a id="c105"></a>
> <div class="csc-textpic csc-textpic-left csc-textpic-above csc-textpic-equalheight">
> <div class="csc-textpic-imagewrap"><div class="csc-textpic-imagecolumn" style="width:143px;"><dl class="csc-textpic-image" style="width:133px;"><dt><img src="uploads/pics/teaserimg-startseite_03.jpg" width="133" height="222" alt="" title="" /></dt></dl></div></div></div><div class="csc-textpic-clear"><!-- --></div>
> </div>
> 
> Ich brauche aber wirklich nur das <div id="teaserimg"> und darin dann das <img alt="" />-Element, alles andere muss weg. So sollte es aussehen:
> 
> <div id="teaserimg">
> <img src="uploads/pics/teaserimg-startseite_03.jpg" alt="" />
> </div>
> 
> Ich verstehe nicht was der ganze andere Müll soll, vor allem die <dl>- und <dt>-Elemente, ich will doch einfach nur dem Redakteur die Möglichkeit geben ein Bild in das von mir vordefenierte DIV einfügen zu können, da brauche ich doch keine Attribute für Glossar-Einträge.
> 
> Typo3 ist wirklich mächtig und bietet viele Möglichkeiten, doch wenn man hohe Ansprüche hinsichtlich sauberen Code und Semantik hat, so muss man wirklich sehr sehr viel Zeit investieren bevor man alles so eingerichtet hat wie man es sich wünscht.


Hi Werner!


Ich weiß ja nicht, ob dir das in dein Projekt passt, aber hast du schon 
darüber nachgedacht das ganze über den Seitentyp "Erweitert" und das 
darin befindliche Dateifeld zu realisieren? Damit lässt sich einwandfrei 
ein einzelnes <img>-Tag generieren...

1. Hier ein bissle TypoScript:

temp.toppic = IMAGE
temp.toppic {
         file = fileadmin/pfadzustandardbild/1.jpg // hier anpassen
         width = 210  // hier anpassen
         height= 210  // hier anpassen

// ab hier gilt: don't touch anything!
         file.import.data = levelmedia:-1, slide
         file.import =  uploads/media/
         file.import.listNum = 0
         file.import.override.field = media
       }

2. Im Template folgenden Marker einbauen:

<div id="teaserimg">###toppic###</div>

3. An geeigneter Stelle den Marker ersetzen:

toppic < temp.toppic

Wenn du eine neue Seite anlegst, wird das Standardbild angezeigt. Du 
kannst dann den Seitentyp auf "Erweitert" ändern und im Datei Feld eine 
Datei auswählen. Dieses wird dann anstatt des Standardbildes angezeigt. 
Auch sehr nützlich ist, dass eine darauf folgende Unterseite das Bild 
vom Eltern-Element erbt.

Auch wenn dir der Weg nicht unbedingt passt - du bekommst genau die 
Ausgabe die du wünschst ohne störende weitere DIV-Tags.

Gruß
Andreas Rieser