SELFHTML: HTML / Layer - éléments positionnables / Ranger et contrôler les layer

SELFHTML/Quickbar HTML Layer - éléments positionnables

	Ranger et contrôler les layer
	Mention de la position de la couche avec le nom du layer Mention de la position de la couche avec des numéros d'index Cacher et afficher des layer

Mention de la position de la couche avec le nom du layer

Exemple d'affichage: aperçu

Si vous définissez plusieurs layer dans un fichier HTML dont les domaines d'affichage se superposent, les layer sont en principe affichés les uns sur les autres dans l'ordre dans lequel ils sont définis. Pourtant vous pouvez modifier cet ordre et mentionner quel autre layer doit poser immédiatement sur ou sous le layer actuel. De cette façon, vous pouvez contrôler la superposition de layer. La condition préalable est que vous ayez affecté un nom à chaque layer.

Exemple:

<layer id="premier" left=100 top=100>
<img src="fichier1.gif" alt="une image">
</layer>
<layer id="second" left=150 top=150 above="premier">
<img src="fichier2.gif" alt="une autre image">
</layer>
<layer id="trois" left=200 top=200 below="premier">
<img src="fichier3.gif" alt="une toute autre image">
</layer>

Explication:

Avec l'attribut above= dans le repère d'ouverture <layer>- ou <ilayer> vous pouvez déterminer qu'un layer défini et nommé auparavant soit placé juste sur le layer actuel (above = au dessus). Ce qui veut dire que le layer actuel doit être complètement recouvert par le layer nommé lors du recouvrement.
Avec l'attribut below= dans le repère d'ouverture <layer>- ou <ilayer> vous pouvez déterminer qu'un layer défini et nommé auparavant soit placé juste au dessous du layer actuel (below = au dessous). Ce qui veut dire que le layer actuel doit recouvrir le layer nommé lors du recouvrement.
Les noms de layer derrière above= et below= doivent figurer entre guillemets.

Attention:

Avec above= et below= vous ne pouvez mentionner que des noms de layer qui ont déjà été définis auparavant dans le fichier. La mention de layer qui ne seront définis qu'après le layer actuel peut entraîner des erreurs d'affichage. Dans la première définition d'un layer dans un fichier HTML ne doivent apparaître pour cette raison aucune des mentions above= ou below=.

Une seul mention de above= ou below= est permise dans la définition d'un layer. Car par cette mention, vous fixez toujours quel autre layer doit être affiché directement sur ou sous le layer actuel.

Mention de la position de la couche avec des numéros d'index

Exemple d'affichage: aperçu

Si vous définissez plusieurs layer dans un fichier HTML dont les domaines d'affichage se superposent, les layer sont en principe affichés les uns sur les autres dans l'ordre dans lequel ils sont définis. Pourtant vous pouvez modifier cet ordre en affectant des numéros pour les différents layer. Les layer avec un numéro plus élevé couvrent les layer avec un numéro plus petit.

Exemple:

<layer name="premier" left=100 top=100 z-index=2>
<img src="fichier1.gif" alt="une image">
</layer>
<layer name="second" left=150 top=150 z-index=1>
<img src="fichier2.gif" alt="une autre image">
</layer>
<layer name="trois" left=200 top=200 z-index=3>
<img src="fichier3.gif" alt="une toute autre image">
</layer>

Explication:

Avec l'attribut z-index= dans le repère d'introduction <layer>- ou <ilayer> vous déterminez l'ordre dans lequel les layer se recouvrent (z-index = ordre de priorité). Mentionnez à chaque définition de layer z-index= suivi d'un numéro. Le layer avec le numéro le plus élevé couvre tous les autres. Le layer avec le numéro le plus faible est couvert par tous les autres.

Attention:

Pour les mentions z-index= les valeurs négatives sont également permises. Cela vous permet d'obtenir pour des layer imbriqués, que des layer qui sont définis dans un autre layer soient couverts par les "parents de celui-ci. Pour des chiffres positifs c'est le contraire.

Cacher et afficher des layer

Exemple d'affichage: aperçu

Vous pouvez fixer lors de la définition de layer s'ils doivent être affichés ou non. C'est important si vous voulez allumer et éteindre l'affichage des layer à l'aide de JavaScript.

Exemple:

<layer name="premier" left=100 top=100 visibility=show>
<img src="fichier1.gif" alt="une image">
</layer>
<layer name="second" left=120 top=200 visibility=hide>
<img src="fichier2.gif" alt="une autre image">
</layer>

Explication:

Avec l'attribut visibility= dans le repère d'ouverture <layer>- ou <ilayer> vous pouvez explicitement imposer ou empêcher l'affichage (visibility = visibilité).
Avec visibility=show vous fixez que l'affichage du layer se fasse dans tous les cas(show = montrer).
Avec visibility=hide vous fixez que l'affichage du layer ne se fasse pas à savoir que le layer soit caché (hide = cacher).
Mit visibility=inherit vous fixez que le layer ne soit affiché que si son élément "parent" est lui aussi affiché (inherit = hériter). Cette mention n'est significative que pour les layer intérieurs dans des layer imbriqués.


après:	Passages de feuilles de style en HTML
avant:	Arrière plan de layer

SELFHTML/Quickbar HTML Layer éléments positionnables