Modification de l'apparence d'une table dans Dreamweaver - Les témoins

Besoin de changer l'apparence d'une table sur votre site? Lorsque vous sélectionnez une table dans Dreamweaver, l'inspecteur des propriétés vous donne accès aux options suivantes pour personnaliser l'apparence de votre table:

• Table: Fournit une zone de texte dans laquelle vous pouvez entrer un nom pour une table. Ce nom, ou identifiant, est utile pour cibler la table dans les scripts.

• Lignes: Affiche le nombre de lignes dans le tableau. Vous pouvez modifier la taille de la table en changeant le nombre. Soyez prudent, cependant: Si vous entrez un nombre inférieur au nombre de lignes de votre tableau, Dreamweaver supprime les lignes du bas - le contenu et tout.

• Cols: Affiche le nombre de colonnes dans le tableau. Vous pouvez modifier la taille de la table en changeant le nombre. Encore une fois, si vous entrez un nombre inférieur au nombre de colonnes de votre tableau, Dreamweaver supprime les colonnes du côté droit de la table - contenu et tout.

• W (largeur): Affiche la largeur de la table. Vous pouvez modifier la largeur en changeant le nombre. Vous pouvez spécifier la largeur en pourcentage ou une valeur en pixels. Les valeurs exprimées en pourcentage augmentent ou diminuent la taille de la table par rapport à la taille de la fenêtre du navigateur de l'utilisateur ou de tout conteneur englobant, tel qu'une autre table ou une étiquette.

  Les dimensions de table exprimées en pourcentage vous permettent de créer des tables dont la taille change lorsque la fenêtre du navigateur est redimensionnée. Si vous souhaitez qu'une table occupe toujours 75% de la fenêtre, quelle que soit la zone d'affichage de l'utilisateur, définissez la taille en pourcentage. Si vous souhaitez qu'une table soit toujours de la même taille, quelle que soit la taille de la fenêtre du navigateur, choisissez des pixels pour la largeur de votre table.

  Si une table est insérée dans un autre conteneur, tel qu'une balise ou une table de largeur fixe, la taille de la table ne dépend pas de la fenêtre du navigateur mais du conteneur.

  Remarque: Depuis Dreamweaver CS4, vous ne trouvez plus de champ H (hauteur). Comme meilleure pratique, la plupart des concepteurs ne spécifient pas la hauteur de la table car le contenu de la table peut changer d'un visiteur à l'autre. Par exemple, la taille de la police du texte dépend du système et des paramètres d'un utilisateur.

• CellPad: Spécifie l'espace entre le contenu d'une cellule et sa bordure.

• CellSpace: Spécifie l'espace entre les cellules du tableau.

• Align: Contrôle l'alignement du tableau sur la page Web. Les options sont Default, Left, Center et Right. En règle générale, le paramètre par défaut aligne la table du côté gauche de la fenêtre du navigateur ou d'un autre conteneur.

• Bordure: Contrôle la taille de la bordure autour de la table.Plus le nombre est grand, plus la bordure est épaisse. Si vous souhaitez que la bordure soit invisible, définissez-la sur 0.

• Classe: Permet d'accéder facilement aux options de feuille de style.

• Effacer et convertir: Les icônes dans la zone inférieure gauche de l'inspecteur des propriétés (cliquez sur la flèche d'expansion dans le coin inférieur droit pour les afficher) proposent les options de formatage suivantes:

  • Effacer les hauteurs > et Effacer les largeurs de colonne vous permet de supprimer toutes les valeurs de hauteur et de largeur à la fois. Convertir les largeurs de table en pixels

  • et Convertir les largeurs de table en pourcentage vous permet de modifier automatiquement les paramètres de largeur de pourcentages en pixels. Les pixels spécifient une largeur fixe; un paramètre de pourcentage signifie que le navigateur ajuste automatiquement le pourcentage spécifié de la zone d'affichage du navigateur. Vous pouvez également appliquer des options de mise en forme et modifier les attributs d'un élément, tel qu'un texte, une image ou un fichier multimédia, dans une cellule de tableau. Pour ce faire, sélectionnez l'élément, puis utilisez les options de l'inspecteur des propriétés CSS ou HTML pour apporter les modifications souhaitées, comme vous le feriez si l'élément ne se trouvait pas dans une cellule de tableau.