[Typo3] COA: Superimposed Text over Image

[Christopher]

Hi Bert,

On 12/15/05, Bert Hiddink <hiddink at bendoo.com> wrote:
> Hello!
>
> Using CSS, I would like to achieve that on a per page basis an image is
> shown with a superimposed text.
>
> I have got the following TS:
> ...
> temp.BEELDMERK = COA
> temp.BEELDMERK {
>   10 = IMAGE
>   10.alttext.cObject = TEXT
>   10.alttext.cObject.value = {page:title}
>   10.alttext.cObject.insertData = 1
>   10.file.maxW = 296
>   10.file.import {
>     cObject = TEXT
>     cObject.value = fileadmin/beeldmerken/1.jpg
>     cObject.override {
>          required = 1
>          data = levelmedia: -1, "slide"
>          wrap = uploads/media/ |
>          listNum = 0
>     }
>   }
>   10 {
>     stdWrap.required = 1
>     stdWrap.wrap (
>         <td width="296" align="left" valign="top"> | Superimposed Text</td>
>     )
>   }
> }
> ...
>
> Evidently, the above does not give the desired result as it just prints
> the image attached to the page and then the text beneath. So I would
> like to add some CSS, based on the following:
>
> CSS-snippet:
>
> div#test {
>      background-repeat: no-repeat;
>      height: 500px;
>      width: 380px;
> }
>
> TS-snippet:
>
>   10 {
>     stdWrap.required = 1
>     stdWrap.wrap (
>         <td width="296" align="left" valign="top">
>          <div id="test" style="background-image: url(/images/ |
> ;">Superimposed Text</div>
> </td>
> )
>
> However, the above does not work as the image-object gets printed as
> <img src="myimage.jpg"> which will always render wrong HTML-code.
>
> Any ideas how to tackle this problem?
>

Sorry if this is too obviously a pre-coffee question; what does the
html you would like to achieve look like?


-Christopher