- Entrez 3 dans la zone de texte Lignes.
- Entrez 1 dans la zone de texte Colonnes.
- Saisissez 700 dans la zone de texte Largeur du tableau.
- Sélectionnez Pixels dans le menu déroulant Largeur du tableau.
- Entrez 0 dans la zone de texte Largeur de la bordure.
- Saisissez 0 dans la zone de texte Marge intérieure des cellules.
- Saisissez 0 dans la zone de texte Espacement entre les cellules.
Un tableau comportant trois lignes et une colonne s'affiche dans votre document. Ce tableau fait 700 pixels de large, ne possède pas de bordure et ses cellules n'ont pas de marge intérieure ni d'espacement.
|
A SAVOIR... |
|
Compléments sur les tableaux Les tableaux sont très utiles pour présenter des données tabulaires et mettre en forme du texte et des graphismes dans une page HTML. Un tableau comprend au moins une ligne ; chaque ligne comporte au moins une cellule. Quand vous créez de multiples lignes avec de multiples cellules, ces dernières forment des colonnes. Techniquement parlant, une cellule est une séparation dans une ligne horizontale tandis qu'une colonne est un cumul vertical de ces séparations de cellules. Dreamweaver affiche la largeur du tableau et de chaque colonne du tableau dans le Sélecteur de tableau (matérialisé par des lignes vertes) lorsque le tableau est sélectionné ou que le point d'insertion se trouve dedans.
En regard des largeurs se trouvent les flèches du menu des en-têtes de tableau et des menus des en-têtes de colonne. Vous pouvez utiliser les menus pour accéder rapidement à des commandes standard relatives aux tableaux. Vous pouvez activer ou désactiver l'affichage des largeurs et des menus en sélectionnant Affichage > Assistance visuelle > Largeurs de tableau. Un tableau peut posséder des bordures et ses cellules peuvent comporter une marge intérieure, un espacement ou les deux à la fois. La marge intérieure représente le nombre de pixels entre le contenu de la cellule et les limites de celle-ci. L'espacement entre les cellules représente le nombre de pixels entre les cellules contiguës d'un tableau. Si vous n'attribuez pas de façon explicite de valeurs pour les marges intérieures et l'espacement des cellules, la plupart des navigateurs affichent le tableau comme si les marges des cellules étaient fixées à 1 et leur espacement à 2. Pour vous assurer que les navigateurs affichent le tableau sans aucune marge ou espacement, fixez à 0 la marge intérieure des cellules et l'espacement entre les cellules. Pour plus d'informations sur les tableaux, voir Présentation de contenu à l'aide de tableaux dans Utilisation de Dreamweaver. |
- Entrez 1 dans la zone de texte Lignes.
- Entrez 3 dans la zone de texte Colonnes.
- Saisissez 700 dans la zone de texte Largeur du tableau.
- Sélectionnez Pixels dans le menu déroulant Largeur du tableau.
- Saisissez 0 dans la zone de texte Largeur de la bordure.
- Entrez 0 dans la zone de texte Marge intérieure des cellules.
- Entrez 0 dans la zone de texte Espacement entre les cellules.
Un deuxième tableau comportant une ligne et trois colonnes s'affiche sous le premier tableau.
- Entrez 1 dans la zone de texte Lignes.
- Saisissez 1 dans la zone de texte Colonnes.
- Tapez 700 dans la zone de texte Largeur du tableau.
- Sélectionnez Pixels dans le menu contextuel Largeur du tableau.
- Saisissez 0 dans la zone de texte Largeur de la bordure.
- Saisissez 0 dans la zone de texte Marge intérieure des cellules.
- Saisissez 0 dans la zone de texte Espacement entre les cellules.
Un troisième tableau avec une ligne et une colonne s'affiche sous le deuxième tableau.
Cliquez à droite du tableau pour le désélectionner. Votre page doit maintenant ressembler à la page suivante :
|
REMARQUE |
|
Le sélecteur de tableau (indiqué par des lignes vertes) s'affiche après l'insertion d'un tableau. Vous pouvez masquer le sélecteur de tableau en cliquant en dehors du tableau. Vous pouvez également désactiver le Sélecteur de tableau en choisissant Affichage > Assistances visuelles > Largeurs des tableaux. |