Avec le CSS, il est possible de travailler avec des couches : morceaux d'�l�ment de HTML qui sont plac�s sur la page r�guli�re avec la pr�cision de Pixel.
Couches de CSS
Les avantages de ceci sont �vidents - mais de nouveau Netscape a l'appui tr�s limit� des couches de CSS - et le compl�tent au loin : l'appui limit� qu'il offre est tout � fait souvent ex�cut� avec des �checs.
Ainsi les vrais d�fis quand travailler avec des couches est de leur faire le travail sur des navigateurs de Netscape aussi bien.
Cr�er une couche toute que vous devez faire est d'assigner la position de l'attribut � votre mod�le.
La position peut �tre parent ou absolu.
La position elle-m�me est d�finie avec la gauche et les propri�t�s sup�rieures.
En conclusion, qui la couche est sur le dessus est d�fini avec l'aide de l'attribut de z-index.
PARENT CONTRE LE POSITIONNEMENT ABSOLU
Vous pouvez l'une ou l'autre position que votre couche a calcul� � partir de la position o� la couche elle-m�me est ins�r�e (parent) ou calcul�e � partir du coin gauche sup�rieur (absolu).
position : absolu
Si vous d�finissez la position � l'absolu on le calculera � partir du coin gauche sup�rieur de la page - � moins que la couche soit d�finie � l'int�rieur d'une autre couche, dans ce cas on le calculera � partir du coin gauche sup�rieur de la couche de parent.
position : relatif
Si vous d�finissez la position pour �tre relatif elle relativement � la position de l'�tiquette qui porte le mod�le. C'est-�-dire, si vous ajoutez une couche relativement plac�e au milieu de la page, alors la position sera calcul�e � partir de cette tache exacte au milieu de votre page o� on l'a ajout� pr�c�demment.
D�FINIR LA POSITION
Tandis que la propri�t� de position indiquent le ressort de sortie de notre syst�me du m�me rang, les propri�t�s de gauche et de dessus d�finit la position exacte de notre couche.
Vous pouvez �crire des valeurs positives et n�gatives pour ces propri�t�s - ainsi il est possible de placer le contenu plus haut vers le haut et plus loin vers la gauche sur la page que la position logique dans le code de HTML o� la couche elle-m�me est d�finie.
En d'autres termes : au fond de vos codes de HTML vous pouvez �crire le code pour une couche qui est plac�e au dessus de la page r�sultante.
Compl�ter et des propri�t�s gauches peuvent �tre dynamiquement chang�es avec le Javascript.
Ceci signifie qu'il est possible de d�placer la chose autour sur l'�cran m�me apr�s que la page a fini le chargement.
En fait cette technique peut �tre employ�e pour cr�er les jeux entiers. D'autres utilisations pourraient �tre des menus qui sautent dehors quand a souris-au-dessus de est d�tect� sur un lien. Les possibilit�s sont sans fin - mais afin de maintenir des choses simples, nous ne creuserons pas dans des d�tails au sujet de ces effets dynamiques de HTML ici.
POSITION DANS LA PILE - LE Z-INDEX
D�crire un jeu de 52 cartes. Si l'as de la cosse �tait au fond nous dirions qu'il a eu le z-index : 1 ;. Si la reine du coeur �tait au dessus nous dirions qu'elle a eu le z-index : 52 ;.
Essayer de regarder les exemples de code le dessus de cette page encore, et voir comment nous avions l'habitude le z-index pour mettre la COUCHE 1 sur le dessus dans le premier exemple, alors que nous avions la COUCHE 2 sur le dessus dans le deuxi�me exemple.
La possibilit� tr�s int�ressante se pr�sentent du fait que le z-index peut �tre dynamiquement chang� avec le Javascript.
Il est possible de cr�er des plusieurs � pagine � sur l'un l'autre - tout � la m�me page. Quand l'utilisateur clique un lien il d�placera simplement la couche avec l'information d�sir�e sur le dessus plut�t que charge un nouveau paginent. La technique pour cr�er des effets aiment qui d�passe la port�e du CSS pur cependant, ainsi pour maintenant nous nous r�f�rerons juste � DHTML (HTML dynamique - un m�lange entre le Javascript et le CSS) pour d'autres explorations dans ce secteur.
VISIBILE CONTRE DES COUCHES CACH�ES
Une propri�t� finale est la propri�t� de visibilit� qui te permettra de cr�er la couche invisible.
Pourquoi est-ce que n'importe qui voudrait cr�er une couche invisible ? Bien, imaginer la possibilit� qu'elle donne pour ajouter les menus instantan�s et d'autres effets frais � vos pages.
Avec le HTML dynamique il est possible de changer la visibilit� d'une couche selon certains �v�nements. L'utilisation la plus commune de ceci est de cr�er les menus qui sautent dehors (comme les sous-menus dans le menu de D�BUT sur Windows). Le tour derri�re ces menus est de cr�er tous les sous-menus en tant que couches invisibles. Puis, quand a souris-au-dessus de est d�tect� sur un lien la couche s'accordante devient �vidente. (Bruits assez faciles - est r�ellement assez facile - except� quand essay�s navigateurs de Netscape qui semblent avoir seulement l'id�e de la logique derri�re des couches de CSS).
Les valeurs valides pour la propri�t� de visibilit� sont : cach� et �vident.
Cet exemple montre comment cr�er des couches invisibles :
Il est �vident que les couches offrent certaines possibilit�s pour le positionnement pr�cis de l'�l�ment statique sur vos pages.
En r�alit� les couches sont employ�es souvent d'une mani�re plus dynamique :
�l�ments/banni�res de vol � la page
Jeux o� vous d�placez un objet autour
Menus qui sautent dehors une fois d�clench�s
Menus qui deviennent �vidents une fois d�clench�s
Tandis que tous ces effets pourraient sembler joli utiles - le fait est que le Web soit rempli d'effets dynamiques qui sont beaucoup plus frais que de visiteur les go�ts moyens vraiment.
Plus que vous pouvez cr�er une interface unique pour votre emplacement plus vous forcez le visiteur � oublier � ce qu'elle est employ�. Ne pas sous-estimer la puissance du collage aux �l�ments que le visiteur moyen est accoutum� �.
Quelles sont frais au sujet de cr�er un effet qui des marques 90% de toute la tape de concepteurs de Web leurs mains tout en laissant 90% de concepteurs de non-Web confus ou d��us ?
De toute fa�on, juge pour vous-m�me si certain effet est vraiment n�cessaire - et si ainsi : ne pas h�siter � l'employer.