Homepage-Webhilfe Event-Banner

Erweiterte Ausrichtung

In XSL-FO gibt es, so wie in CSS auch, das sogenannte Float-Konzept (zu Deutsch schwebend, schwimmend). Mit Hilfe dieses Konzepts ist es möglich, Elemente innerhalb eines Textflusses zu platzieren. Ein typisches Beispiel dafür ist die Platzierung eines Bilds in einem Text. Um dieses Konzept zu verwenden, ordnen Sie ihrem Fließinhalt an der gewünschten Stelle das Element float unter. Diesem Element wird nun wiederum ein block-Element untergeordnet, in welchem Sie die Inhalte, welche schwebend platziert werden sollen, notieren. Über das Attribut float kann die Ausrichtung des schwebend zu platzierenden Inhalts gesteuert werden. Mögliche Werte sind left (Ausrichtung links), right (Ausrichtung rechts), start (Ausrichtung zur Start-Region) und end (Ausrichtung zur End-Region).

XSL-FO-Code:

<?xml version="1.0" encoding="UTF-8" ?>

<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
    <fo:layout-master-set>
        <fo:simple-page-master master-name="DIN-A4" page-height="297mm" page-width="210mm">
            <fo:region-body region-name="inhalt" margin="2cm" />
        </fo:simple-page-master>
    </fo:layout-master-set>
    
    <fo:page-sequence master-reference="DIN-A4">
        <fo:flow flow-name="inhalt">
            <fo:block text-align="justify">
                <fo:float float="right">
                    <fo:block padding-left="3mm" padding-bottom="3mm">
                        <fo:external-graphic src="../../../../Bilder/Logo/Logo.jpg" content-width="100px" content-height="100px" />
                    </fo:block>
                </fo:float>
                ...
            </fo:block>
        </fo:flow>
    </fo:page-sequence>
</fo:root>
VorschauPDF:
Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen OK