Partager via


Comment : positionner des éléments en mode Design

Mise à jour : novembre 2007

Par défaut, les éléments d'une page HTML ou Web ASP.NET sont rendus selon leur ordre d'apparition dans le balisage, ce que l'on appelle parfois mise en page fluide. Vous pouvez également exposer des éléments en deux dimensions, en les positionnant avec des coordonnées horizontales et verticales n'importe où dans la page. Cette option de disposition tire parti des options de positionnement disponibles d'un style à l'autre.

Pour vous aider à travailler avec du texte statique ou pour positionner des éléments en groupe, vous pouvez créer une couche, qui est un élément div possédant des informations de positionnement.

Vous pouvez définir le positionnement individuel d'éléments dans la page. Vous pouvez également définir une option permettant de définir automatiquement le positionnement de tous les éléments que vous ajoutez à la page par glisser-déposer ou par copier-coller depuis le Presse-papiers.

Pour positionner un élément avec des coordonnées horizontales et verticales

  1. En mode Design, sélectionnez l'élément que vous souhaitez positionner.

  2. Dans le menu Format, cliquez sur Définir la position, puis sur Absolue ou Relative.

  3. Faites glisser le contrôle à l'endroit de votre choix.

    Remarque :

    Si l'élément est défini pour positionner des unités en utilisant des pixels, ce qui est le comportement par défaut de Visual Web Developer, vous pouvez assujettir le glisser-déplacer à une grille invisible. Pour plus d'informations, consultez Position CSS, Concepteur HTML, boîte de dialogue Options.

Pour réinitialiser des éléments en mise en page fluide

  1. En mode Design, sélectionnez l'élément que vous souhaitez réinitialiser en mise en page fluide.

  2. Dans le menu Format, cliquez sur Position….

  3. Dans la boîte de dialogue Position, sélectionnez Aucune sous Style de positionnement. Ce paramètre supprime toutes les informations de positionnement.

Voir aussi

Concepts

Positionnement d'éléments en mode Design