Accueil Médias sociaux Comment modifier des divisions à positionnement absolu (AP) dans Adobe Dreamweaver CS6 - pour les nuls

Comment modifier des divisions à positionnement absolu (AP) dans Adobe Dreamweaver CS6 - pour les nuls

Vidéo: Dreamweaver CS6 tutorial: Positioning elements | lynda.com 2025

Vidéo: Dreamweaver CS6 tutorial: Positioning elements | lynda.com 2025
Anonim

Chaque division à positionnement absolu (PA) que vous dessinez dans Adobe Dreamweaver CS6 est automatiquement répertoriée dans le panneau Éléments AP (choisissez Fenêtre → AP Elements pour l'afficher). Le panneau Éléments AP peut vous aider à sélectionner, à masquer et à afficher les divisions AP sur la page. Ce panneau est pratique lorsque vous avez beaucoup de Divisions AP sur la page et que vous voulez naviguer parmi eux avec précision.

Surtout, parce que vous pouvez modifier les propriétés de n'importe quel AP Div à partir de son style d'ID correspondant, le panneau vous aide à déterminer quel style d'ID appartient à une division AP.

Le panneau Éléments AP est souvent regroupé avec le panneau Styles CSS, au cas où vous le recherchiez.

Pour modifier une boîte (AP Div), procédez comme suit:

  1. Choisissez Fenêtre → Éléments AP pour ouvrir le panneau Éléments AP.

  2. Dans le panneau, localisez et sélectionnez apDiv1 pour le mettre en surbrillance sur la page.

    L'inspecteur des propriétés affiche sa taille et sa position en plus des autres propriétés.

  3. Dans les zones de texte de l'inspecteur des propriétés, modifiez la largeur de la boîte en entrant un nombre dans le champ W et modifiez la hauteur de la boîte en entrant un nombre dans le champ H.

  4. Cliquez sur l'échantillon en regard de Couleur Bg et choisissez une couleur dans le panneau Nuancier pour définir la couleur d'arrière-plan de la boîte.

    Pour les propriétés supplémentaires, telles que la bordure ou le remplissage, ajoutez-les dans le panneau Styles CSS.

  5. Si le panneau Styles CSS n'est pas déjà visible, ouvrez-le en choisissant Fenêtre → Styles CSS.

  6. Double-cliquez sur le style d'ID # apDiv1 qui contrôle la boîte.

    La boîte de dialogue Définition de règle CSS apparaît.

  7. Sélectionnez la catégorie Bordure à gauche pour modifier la bordure.

  8. Dans la colonne Style, utilisez la liste déroulante Dessus pour définir un style de bordure (tel que Solide) sur les quatre côtés.

    Utilisez la liste déroulante Dessous de la catégorie Largeur pour sélectionner une épaisseur de bordure (par exemple, moyenne) pour les quatre côtés. Utilisez le sélecteur de couleurs le plus haut sous la colonne Couleur pour attribuer une couleur de bordure aux quatre côtés.

    Pour assigner des valeurs différentes à un ou à tous les côtés pour le style, la largeur ou la couleur, décochez la case Identique à Tous sous leurs colonnes respectives.

  9. Dans la catégorie Boîte à gauche, sous Remplissage, définissez le rembourrage pour les quatre côtés de la boîte à l'épaisseur souhaitée (par exemple, entrez 5 px dans les zones de texte).

  10. Cliquez sur OK pour quitter le panneau et appliquer les modifications.

    Vous voyez comment les propriétés CSS que vous avez appliquées affectent la zone apDiv1 sur la page.

Pour masquer une case affichée sous le panneau AP Elements, cliquez sur la colonne à gauche de son nom (sous l'icône Eye) jusqu'à ce qu'une icône Eye fermée s'affiche.Pour que la boîte réapparaisse, cliquez sur l'icône Œil jusqu'à ce que la boîte s'ouvre à nouveau.

Vous pouvez remarquer la case à cocher Empêcher les chevauchements, désélectionnée par défaut, en haut du panneau Éléments AP. Comme AP Divs peut facilement se chevaucher, la sélection de cette case à cocher annule ce comportement en forçant les cases les unes à côté des autres et en empêchant la création de nouvelles boîtes les unes sur les autres.

Comment modifier des divisions à positionnement absolu (AP) dans Adobe Dreamweaver CS6 - pour les nuls

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...