Position des éléments sur une page Web
Vous pouvez placer des éléments sur une page en créant une mise en page contenant des balises div, des feuilles de style en cascade, des tableaux ou des cadres afin de structurer la page. Vous pouvez également placer un ou plusieurs éléments sur une page en définissant des propriétés de feuille de style en cascade pour un élément récurrent de la page.
Outre les étapes fournies dans cette rubrique, vous pouvez également définir les propriétés de feuilles de style en cascade à l’aide de la barre d’outils Position dans le volet des tâches Propriétés CSS. Vous pouvez également utiliser la barre du sélecteur de balise rapide pour définir rapidement le style de positionnement d’une balise. Pour plus d’informations sur la barre d’outils Position, voir Barre d’outils Position. Pour plus d’informations sur le volet des tâches Propriétés CSS, voir Volet des tâches Propriétés CSS. Pour plus d’informations sur le Sélecteur de balise rapide, voir Sélecteur de balise rapide.
Pour modifier la position d’un élément à l’aide de la boîte de dialogue Position
En mode Création ou Code, placez le curseur dans le contenu que vous souhaitez positionner ou sélectionnez le contenu.
Pour ouvrir la boîte de dialogue Position, effectuez l’une des opérations suivantes :
Dans votre page Web, sélectionnez l’élément que vous souhaitez modifier, puis dans le menu Format, cliquez sur Position.
Dans le volet des tâches Couches, cliquez avec le bouton droit sur la couche, puis sélectionnez Positionnement.
Pour spécifier la manière dont vous souhaitez que les éléments de la page habillent l’élément, dans la boîte de dialogue Position, sélectionnez un style dans Style d’habillage.
Pour spécifier le style de positionnement de l’élément, sélectionnez une option dans la zone Style de positionnement.
Pour spécifier les coordonnées de position relative de la couche, dans Emplacement et taille, entrez des valeurs dans les zones Gauche, Droite, Haut et Bas.
Pour définir l’ordre de l’élément sur l’axe Z, spécifiez une valeur dans la zone Ordre de plan.
Cliquez sur OK.
Pour modifier uniquement le style de positionnement d’un élément
En mode Création ou Code, placez le curseur dans le contenu que vous souhaitez positionner ou sélectionnez le contenu.
En haut de la fenêtre du document, dans la barre d’outils Sélecteur de balise rapide, pointez sur la balise que vous souhaitez placer, cliquez sur la flèche vers le bas à côté de la balise, pointez sur Positionnement, puis cliquez sur un style de positionnement.