Définition des propriétés de calque

Utilisez l'inspecteur Propriétés pour afficher et définir les propriétés du calque.

Pour définir les propriétés d'un calque :

  1. Choisissez parmi les options suivantes :

    ID calque permet d'indiquer un nom identifiant le calque dans le panneau Calques et le code JavaScript.

    Entrez un nom. Seuls les caractères alphanumériques sont acceptés ; n'utilisez aucun caractère spécial comme les espaces, les traits d'union, les barres obliques ou les points. Chaque calque doit porter un nom unique.

    G et S (gauche et haut) indiquent la position de l'angle supérieur gauche du calque par rapport à l'angle supérieur gauche de la page, ou du calque parent s'il est imbriqué.

    L et H spécifient la largeur et la hauteur du calque.

    REMARQUE

     

    Si le contenu d'un calque dépasse la taille indiquée, le bord inférieur du calque (tel qu'il apparaît dans le mode Création dans Dreamweaver) s'étire proportionnellement (le contour inférieur ne s'étend pas lorsque le calque apparaît dans le navigateur, sauf si la propriété Débordement est définie sur Visible).

    L'unité par défaut de la position et de la taille est le pixel (px). Vous pouvez également choisir les unités suivantes : pc (picas), pt (points), in (pouces), mm (millimètres), cm (centimètres) ou % (pourcentage de la valeur équivalente de l'objet parent). Les abréviations doivent suivre la valeur sans espace : par exemple, 3mm.

    Index Z détermine l'index z ou ordre de superposition, du calque.

    Dans un navigateur, les calques portant les valeurs les plus élevées se superposent aux calques portant les valeurs moins élevées. Les valeurs peuvent être positives ou négatives. Il est plus facile de modifier l'ordre de superposition des calques à l'aide du panneau Calques qu'en saisissant des valeurs d'index-z spécifiques (voir Modification de l'ordre de superposition des calques).

    REMARQUE

     

    Les calques Netscape (ayant la balise layer ou ilayer) peuvent également être superposés par rapport à d'autres calques de la page. Lorsque vous sélectionnez un calque Netscape, deux options supplémentaires s'affichent dans le coin inférieur droit de l'inspecteur Propriétés. Sélectionnez le nom d'un autre calque dans le nouveau menu déroulant situé dans le coin inférieur droit (seuls les noms de calques déjà définis apparaissent dans ce menu). Utilisez ensuite utilisez l'option A/B pour indiquer si le calque spécifié doit apparaître Dessus, c'est-à-dire devant le calque courant, ou Dessous, c'est-à-dire derrière lui. Notez qu'il est impossible d'indiquer un ordre de superposition Dessus/Dessous et un index-z pour un calque donné.

    Vis indique si le calque est visible ou non au début. Faites votre choix parmi les options suivantes :

  2. Aucune propriété de visibilité n'est définie par défaut.

    3. Lorsque aucune visibilité n'est précisée, la plupart des navigateurs choisissent Hériter.

  3. Inherit (Hériter) prend la propriété de visibilité de l'objet parent du calque.
  4. Visible affiche le contenu du calque, quelle que soit la valeur du parent.
  5. Masqué dissimule le contenu du calque, quelle que soit la valeur du parent.

    6. Les calques masqués créés avec ilayer occupent le même espace que s'ils étaient visibles.

    Utilisez un langage de script, par exemple JavaScript, pour contrôler la propriété de visibilité et afficher le contenu des calques de façon dynamique.

    Image ar-pl. spécifie une image d'arrière-plan pour le calque.

    Cliquez sur l'icône du dossier à parcourir et sélectionnez le fichier d'une image.

    Couleur d'ar-pl. spécifie une couleur d'arrière-plan pour le calque.

    Laissez cette option vide pour spécifier un arrière-plan transparent.

    Balise indique la balise HTML utilisée pour définir le calque.

    Débord. contrôle la manière dont les calques apparaissent dans un navigateur lorsque le contenu dépasse la taille spécifiée du calque.

    Visible indique que le contenu supplémentaire apparaîtra dans le calque ; en fait, le calque s'agrandit proportionnellement. Masqué signifie que le contenu supplémentaire ne sera pas affiché dans le navigateur. Défilement indique que le navigateur devra ajouter des barres de défilement dans le calque, qu'elles soient nécessaires ou non. Auto entraîne l'affichage des barres de défilement du calque dans le navigateur uniquement lorsque cela est nécessaire (c'est-à-dire lorsque le contenu du calque dépasse ses limites).

    REMARQUE

     

    La prise en charge de l'option Débordement est inégale suivant les navigateurs.

    Utiliser Gauche, Haut ou PageX, PageY (layer et ilayer uniquement) vous permet de positionner le calque par rapport à son parent ou à la page.

    L'option Gauche, Haut place le calque par rapport au coin supérieur gauche de son parent. L'option PageX, PageY place le calque à l'emplacement absolu relatif au coin supérieur gauche de la page, quelle que soit la position de son parent.

    Déroutage définit la zone visible du calque.

    Indiquez les coordonnées gauche, haut, droite et bas pour définir un rectangle dans le champ des coordonnées du calque (en partant du coin supérieur gauche du calque). Le calque est « dérouté » afin que seul le rectangle spécifié soit visible. Par exemple, pour rendre le contenu d'un calque invisible à l'exception d'un rectangle visible d'une largeur de 50 pixels et d'une hauteur de 75 pixels dans le coin supérieur gauche du calque, définissez G sur 0, S sur 0, D sur 50 et B sur 75.

    REMARQUE

     

    Bien que les feuilles de style en cascade utilisent des termes différents pour le déroutage, Dreamweaver interprète le déroutage de la même manière que la plupart des navigateurs.

    Src (layer et ilayer uniquement) vous permet d'afficher un autre document HTML dans le calque. Cliquez sur l'icône du dossier à parcourir et sélectionnez le document.

    Notez que Dreamweaver n'affiche pas l'autre document dans le calque.

  6. Si vous avez tapé une valeur dans une zone de texte, appuyez sur Tab ou Entrée (Windows) ou Retour (Macintosh) pour l'appliquer.

Rubriques connexes