Contents | < Les Flotteurs | Les Tables (Tableaux) >

Le Positionnement Absolu

Nous avons vu que les documents XSL-FO ont la disposition d'écoulement, c'est-à-dire, le contenu flotte d'une page à l'autre, selon les règles imposées par les coupures de page, d'espacement, de veuves et d'orphelins. Cependant, parfois il peut être utile de placer les éléments aux coordonnées absolues. Vous pouvez réaliser ceci en utilisant l'élément fo:block-container. Dans l'exemple ci-dessous, nous avons deux fragments de texte placés sous et au-dessus du texte flottant principal.

<fo:flow flow-name="xsl-region-body" font-family="Verdana" font-size="10pt">
    <fo:block-container  position="absolute" Œ 
                         top="10pt" left="30pt" height="14pt" width="100%"  >
        <fo:block font="72pt Arial" color="silver">Under</fo:block>
    </fo:block-container>
    <fo:block>
        <fo:block>
            Text Text Text Text Text Text Text Text Text Text Text ... 
        </fo:block>
        <fo:block-container position="absolute" 
                            top="20pt" left="40pt" height="14pt" width="100%">
            <fo:block font="72pt Arial" color="red">Over</fo:block>
        </fo:block-container>
    </fo:block>
    <fo:block break-before="page"/>
    <fo:block-container position="absolute" 
                        top="10pt" left="30pt" height="14pt" width="100%">
        <fo:block font="72pt Arial" color="silver">Under</fo:block>
    </fo:block-container>
    <fo:block>
        <fo:block>
            Text Text Text Text Text Text Text Text Text Text Text ... 
        </fo:block>
        <fo:block-container position="absolute" 
                            top="10pt" left="30pt" height="14pt" width="100%">
            <fo:block font="72pt Arial" color="red">Over</fo:block>
        </fo:block-container>
    </fo:block>
</fo:flow>

Pour le code source complet pour cet exemple de code voyez "Tutorial/Absolute Positioning.fo" situé dans le dossier XML Documents Samples/Tutorial.

Figure 1

Les points importants dans ce document sont:

Œ position attribute est placé à absolute

 les coordonnées top, bottom, left et right sont indiquées expressemént.

Pour changer l'ordre dans lequel les éléments sont rendus, utilisez l'attribut z-index:

Figure 2

On considère que tous les éléments ont un z-index de 0, donc, si vous voulez qu'un élément soit montré sur le fond (comme un filigrane) vous devez utiliser un z-index négatif, tandis que pour un élément appartenant à une fenêtre active (comme une griffe) vous devez utiliser un z-index positif.

Pour le code source complet pour cet exemple de code voyez "Tutorial/ZIndex.fo" situé dans le dossier XML Documents Samples/Tutorial.

Contents | < Les Flotteurs | Les Tables (Tableaux) >