Position CSS, Concepteur HTML, boîte de dialogue Options

Mise à jour : novembre 2007

La page Position CSS définit les options qui déterminent comment les éléments sont positionnés en mode Design lorsque vous les créez à l'aide de l'une des méthodes suivantes :

  • en faisant glisser l'élément à partir de la boîte à outils ;

  • en faisant glisser l'élément à partir d'une autre source, par exemple une autre page ;

  • en collant un élément que vous avez précédemment copié dans le Presse-papiers.

Pour accéder à cette boîte de dialogue

  1. Dans Microsoft Visual Web Developer, cliquez sur Outils, puis cliquez sur Options.

    La boîte de dialogue Options s'ouvre.

  2. Dans le panneau gauche, développez le nœud HTML Designer et cliquez sur Position CSS.

    Si vous avez configuré vos paramètres d'environnement pour le développement Web, les éléments de ce nœud ne sont pas disponibles à moins que vous ne cochiez la case Afficher tous les paramètres. Pour plus d'informations sur les paramètres d'environnement, consultez Comment : modifier les paramètres de sélection.

Remarque :

Vous trouverez des options HTML supplémentaires sous le nœud Éditeur de texte, HTML qui s'affiche si la case à cocher Afficher tous les paramètres est activée.

Pour plus d'informations sur la mise en forme du code HTML, consultez Mise en forme d'éléments dans l'éditeur HTML de Visual Web Developer.

Tâches

Éléments d'interface

Options de positionnement

  • Modifier la position comme suit pour les contrôles ajoutés à l'aide de la boîte à outils, par collage ou par glisser-déplacer
    Spécifie l'option de positionnement de la feuille de style en cascade (CSS) par défaut pour les éléments que vous déplacez ou collez dans la page en mode Design. Les informations de positionnement sont spécifiées à l'aide de la propriété position de l'attribut style d'un élément.

    Ce paramètre n'a aucun effet en mode Source.

    Si vous désactivez la case à cocher, l'éditeur déplace ou colle les éléments exactement tels qu'ils sont définis dans la boîte à outils ou dans une autre source, ou encore tels qu'ils ont été copiés dans le Presse-papiers, sans modification des attributs de position de l'élément. Si vous activez la case à cocher, lorsque vous collez ou faites glisser, l'éditeur définit les attributs de positionnement de l'élément en fonction de l'option que vous sélectionnez.

    Valeur

    Description

    Position absolue

    L'éditeur affecte à la propriété position la valeur absolute et définit les propriétés z-index, left et top du style. La position 0,0 est définie en fonction du parent de l'élément actuel. Le parent est le premier élément de conteneur qui a des informations de positionnement. Si l'élément actuel n'a aucun élément de conteneur avec positionnement, les informations de positionnement sont calculées en fonction de l'élément body.

    Position relative

    L'éditeur affecte à la propriété position la valeur relative et définit les propriétés z-index, left et top du style. Cette option est différente de l'option Positionné de façon absolue dans la mesure où la position 0,0 est définie par rapport à l'emplacement de l'élément dans l'enchaînement de la page. Un élément avec un positionnement relatif et ayant top et left avec une valeur de 0 apparaît dans l'enchaînement comme normal.

    Position statique

    L'éditeur affecte à la propriété position la valeur static. L'effet est que le contrôle est affiché à l'aide de la mise en page fluide. L'affectation de la valeur static à une position est utile si vous souhaitez substituer explicitement les paramètres de style que l'élément peut hériter d'une feuille de style en cascade.

    Aucun attribut de positionnement

    L'éditeur supprime toutes les informations de positionnement. L'effet est que le contrôle est affiché par défaut à l'aide de la mise en page fluide. La position du contrôle peut être affectée par un paramètre de style hérité d'une feuille de style en cascade.

    Pour plus d'informations sur l'effet de l'attribut position, recherchez "attribut de positionnement" ou "propriété de positionnement" dans MSDN Library

  • Aligner les positions et les tailles en pixels selon le paramètre suivant
    Limite le déplacement à une grille invisible dont vous spécifiez l'emplacement. Le paramètre s'applique uniquement aux éléments dans lesquels les informations de positionnement sont définies en pixels.

    Remarque :

    Vous pouvez faire glisser des éléments qui n'ont pas d'informations de positionnement, ou dans lesquels la propriété position a la valeur static. Toutefois, vous pouvez les faire glisser uniquement dans l'enchaînement du document, et non vers des emplacements arbitraires de la page.

  • Espacement horizontal
    Le nombre de pixels entre arrêts horizontaux dans la grille invisible.

  • Espacement vertical
    Le nombre de pixels entre arrêts verticaux dans la grille invisible.

Voir aussi

Concepts

Positionnement d'éléments en mode Design