Grafische Überschrift im Content

Moin allerseits,

ich habe in meinem Template für den Contentbereich eine Tabelle angelegt, die mir den Seiteninhalt auf 440 Pixel begrenzt. Funktioniert auch supergut.

Ich möchte jetzt jedoch die Inhaltsüberschriften nicht als Text, sondern als Grafikelement anzeigen lassen. Ich habe dafür im Constant Editor den Default Header type auf 5 gesetzt und siehe da, schon habe ich ein gif. Auch gut. Die Hintergrundfarbe ändern funzt auch soweit. Leider ist die größe des Gifs zu klein. Ich hab ja ne Contentbreite von 440 Pixeln und ich möchte, das die Überschrift über die ganze Breite geht.

Zuständig dafür ist die Funktion

styles.header.gfx1 {
..
file = GIFBUILDER
file {
XY = [10.w]+10 ,{$styles.header.gfx1.itemH}
..
}

in dem statischen styles.header.gfx1 Template.

Theoretisch müsste ich doch jetzt einfach die Funktion ersetzen durch XY = 440, {$styles.header.gfx1.itemH}, oder?

Leider bekomme ich das nicht hin. Ich denke, ich habe da einfach eine falsche Zuweisung gemacht.

Hier der Quelltext:

tabelle = CTABLE
c.1 {
cWidth = 440
c.1 = CONTENT
c.1.table = tt_content
c.1.select {
pidInList = this
orderBy = sorting
}
styles.header.gfx1.file.XY = 440,{$styles.header.gfx1.itemH}
}

Wie muss den die Zuordnung sein, damits klappt? Wisst Ihr was???

Danke schoneinmal 🙂

Gruß
Lars

Hallo,
ich denk, ich würde das mit Hilfe des wraps machen, den du im Constant Editor definieren kannst, z.B. indem du die Head in einen div-Tag setzt, mit einer class versiehst und dann in deiner Stylesheetdatei (du hast bestimmt eine, hoffe ich) die Breite definierst.

Z.B.

.namederklasse {
width: 440px;
border-width: 2px; (falls du einen Rand drumherum willst)
border-style: solid;
border-color: white;
padding: 3px; (Abstand zwischen Head und div)
background-color: #000000;
}

Ich hoffe, damit kannst du was anfangen.

Gruß, Christine

Ich habe das Bsp. aus der Dt. Referenz verwendet, das macht solche Überschriften genau so wie gewünscht (oder TSRef S. 117):

page = PAGE
page.typeNum = 0
page.bodyTag = <body topmargin="0" leftmargin="0" bgcolor="white">
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template.html
workOnSubpart = DOKUMENT
marks.IMG_LINKS = IMAGE
marks.IMG_LINKS.file = GIFBUILDER
marks.IMG_LINKS.file {
XY = 440,29
10 = IMAGE
10.file = fileadmin/bg_ueberschrift.gif
20 = TEXT
20.text.field = title
20.offset = 100,17
20.niceText = 1
20.fontSize= 17
20.fontFile = fileadmin/fonts/verdanabi.ttf
20.fontColor = white
}
}

Gruß Roland

Danke, hat doch geholfen, der Wink mit dem Zaunpfahl :-)

Gruß
Lars