<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>