CSS Zuweisung

Hallo,

ich habe ein 2 Spalten-Layout. In der ersten Spalte zeige ich die Elemente aus der "Normal"-Spalte via COA & CONTENT Objekt an, in der zweiten Spalte hingegen die Inhalte aus der "Right"-Spalte im Bereich Pagecontent.

Ich möchte die Header und den Body-Text mit verschiedenen CSS Klassen belegen, so dass die Inhalte unterschiedlich dargestellt werden.

Wie kann ich das machen?

page = PAGE
page {
        typeNum = 0
        stylesheet = fileadmin/templates/style.css
        includeLibs.gmenu_layers = media/scripts/gmenu_layers.php 
        10 = TEMPLATE
        10 {
                template = FILE 
                template.file = fileadmin/templates/base_template.tmpl
                workOnSubpart = SCREEN
               marks {
                        PRODUCTCONTENT = COA
                        PRODUCTCONTENT.10 = CONTENT 
                        PRODUCTCONTENT.10 {
                                table = tt_content
                                select {
                                        where = colPos = 0
                                        orderBy = sorting 
                                        languageField = sys_language_uid
                                }
                        }

                        PRODUCTDETAILS = COA
                        PRODUCTDETAILS.10 = CONTENT
                        PRODUCTDETAILS.10 {
                                table = tt_content
                                select {
                                        where = colPos = 2
                                        orderBy = sorting 
                                        languageField = sys_language_uid
                                }
                        }

                }
                }
       }

gruß
yavuz bogazci

Du umschliesst die beiden Bereiche mit deinem div Block und definierst diese in deiner CSS Datei seperat.

div#LinkeSpalte h1 {
}

div#RechteSpalte h1 {
}

Musst eben dein HTML Template dahingegen etwas anpassen

Hmmm, danke für die Antwort aber das war nicht ganz was ich gemeint habe.

In einer HTML Tabellen-Spalte gebe ich zum Beispiel die Inhalte vom Pagecontent "Normal" an.

Innerhalb von Pagecontent "Normal" kann ich ja mehrere Inhalte anlegen, ich möchte aber nun, das das erste Element (Typ 'Text') anders aussieht als das zweite oder dritte. Oder das zweite anders aussieht als das dritte. Kann ich diesen Elementen (welche via COA zusammengesetzt werden aus der Tabelle tt_content) eine jeweils eigene CSS Klasse zuweisen?

Ich hoffe ich konnte mein Problem diesmal richtig ausdrücken 🙂

Ich gebe ja die Elmente folgendermaßen aus

                        PRODUCTCONTENT = COA
                        PRODUCTCONTENT.10 = CONTENT 
                        PRODUCTCONTENT.10 {
                                table = tt_content
                                select {
                                        where = colPos = 0
                                        orderBy = sorting 
                                        languageField = sys_language_uid
                                }
                        }

Nur dann bekommen alle das selbe Layout!

Vielen Dank
Yavuz Bogazci