Hallo
Ich muss Barrierefreie Grafische Header implementieren. Mache das indem ich das Bild als Background-Image in das H1-Tag einbaue. Mein Problem ist, dass die Grösse des Header-Bildes dynamisch erzeugt wird (Header kann einzeilig oder mehrzeilig sein!).
XY = 445, 43+[10.h]
Ich sollte diese Grössenangabe auch im CSS-Style des H1 Tags zur Verfügung haben.
hier der ganze Code
lib.stdheader.10 {
1 = IMG_RESOURCE
1{
file = GIFBUILDER
file{
XY = 445, 43+[10.h]
backColor = #FFFFFF
10 = TEXT
10{
text.field = header
textMaxLength = 255
fontColor = #008f8b
fontFile=fileadmin/templates/fonts/hausschrift.ttf
fontSize = 30
antiAlias = 0
niceText = 1
niceText.sharpen = 0
offset = 0,45
}
}
stdWrap{
prepend = TEXT
prepend{
dataWrap = <h1 {register:headerStyle}{register:headerClass} style=
}
innerWrap.cObject = COA
innerWrap.cObject{
10 = TEXT
10.value = "display:block; background:url(|) no-repeat; height: 100px
20 = TEXT
20.value = ; width:445px; max-width:445px;">
30 = TEXT
30.value = <span style="display:block; width:1px; height:1px; overflow: hidden;">
}
append = TEXT
append{
current = 1
wrap = |</span></h1>
}
}
}
}
Im innerWrap.cObject sollte "height: 100px" durch die Höhe des Bildes ersetzt werden (43+[10.h]).
Hat hier jemand eine Lösung für?
Vielen Dank und Grüsse
