Thomas Dumm wrote:
> Dear Mr. Shafie,
>
> In my css file I have:
>
> Image>ImageEntity {
> display: block;
> content: image-viewport(attribute, "FileName",
> data-type, anyURI,
> viewport-width, 100%,
> content-width, attr(Width),
> horizontal-align, attr(HorizontalAlignment),
> fallback-image, url(70x135.gif));
> }
>
> I assume that viewport-width, 100%, means: 100% of the XMLmind-Window-Width?
>
>
> In the xml file I have:
>
> <Image>
> <Title>Titel ...</Title>
> <ImageEntity FileName="../img/screen.jpg" HorizontalAlignment="right"
> Width="4cm" />
> <Body>Legende ...</Body>
> </Image>
>
> I get the result shown in screen.jpg in the attachment. But I would like to
> have the image alligned with the right border of the XMLmind-Window.
>
Please specify attr("Width") and attr("HorizontalAlignment") rather than
attr(Width) and attr(HorizontalAlignment) as CSS identifiers are
case-insensitive. May be your problems come from this.