<html>
  <head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8">
  </head>
  <body bgcolor="#FFFFFF" text="#000000">
    <div class="moz-signature">I have some css that build an image on my
      page.<br>
      The formatter looks like this:<br>
      <br>
      <small><small><font face="Courier New, Courier, monospace"><%@page
            buffer="none" session="false"
            trimDirectiveWhitespaces="true"%><br>
            <%@ taglib prefix="cms"
            uri=<a class="moz-txt-link-rfc2396E" href="http://www.opencms.org/taglib/cms">"http://www.opencms.org/taglib/cms"</a>%><br>
            <%@ taglib prefix="c"
            uri=<a class="moz-txt-link-rfc2396E" href="http://java.sun.com/jsp/jstl/core">"http://java.sun.com/jsp/jstl/core"</a>%><br>
            <%@ taglib prefix="fmt"
            uri=<a class="moz-txt-link-rfc2396E" href="http://java.sun.com/jsp/jstl/fmt">"http://java.sun.com/jsp/jstl/fmt"</a>%><br>
            <%@ taglib prefix="fn"
            uri=<a class="moz-txt-link-rfc2396E" href="http://java.sun.com/jsp/jstl/functions">"http://java.sun.com/jsp/jstl/functions"</a>%><br>
            <cms:formatter var="content"><br>
                        <div class="box-wrap"
            style="background-image:url(${element.value.Image})" ><br>
                         <div class="box"><br>
                            <a
            href="<cms:link>${element.value.Link}</cms:link>"><br>
                                <!-- <cms:img height="300"
            width="200" cssclass="aligncenter size-full"
            alt="${element.value.AltText}" src="${element.value.Image}"
            scaleType="2" /> --><br>
                                <p></p><br>
                               
            <h1>${element.value.Titel}</h1><br>
                            </a><br>
                            <p></p><br>
                        </div><br>
                        <div class="inner_box"><br>
                            <p>${element.value.Text}</p><br>
                        </div><br>
            <br>
            </cms:formatter></font></small></small><br>
      <br>
      The thing in question is the line in comments: <!-- <cms:img
      ...<br>
      That was a foreground image before and got positioned and scaled
      properly as long as it got included as a<br>
      <cms:img/>. But now I'm clueless what keywords can be used
      when I would like to position and scale the img as
      background-image.<br>
      How can this be done using direct editing and ADE?<br>
      <br>
       -- <br>
      Chris Christoph P. U. Kukulies kukulies (at) rwth-aachen.de
    </div>
  </body>
</html>