Comment modifier l'apparence d'une table dans Dreamweaver

Besoin de changer l'aspect d'un tableau 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 tableau:

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

• Rangées: Affiche le nombre de lignes de la table. Vous pouvez modifier la taille de la table en changeant le nombre. Soyez prudent, cependant: Si vous entrez un numéro qui est plus petit que le nombre de lignes de votre table, Dreamweaver supprime les lignes de fond - le contenu et tout.

• Cols: Affiche le nombre de colonnes dans la table. Vous pouvez modifier la taille de la table en changeant le nombre. Encore une fois, si vous entrez un numéro de moins que le nombre de colonnes dans votre table, Dreamweaver supprime les colonnes sur le 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 d'augmentation ou de diminution de la taille de la table le rapport à la taille de la fenêtre du navigateur de l'utilisateur ou tout récipient enfermant, comme une autre table ou d'un

  tag.

  Dimensions de la table exprimées en pourcentage vous permettent de créer des tableaux qui changent de taille lorsque la fenêtre du navigateur est redimensionnée. Si vous voulez une table de toujours prendre jusqu'à 75 pour cent de la fenêtre, quelle que soit la zone d'affichage de l'utilisateur, définissez la taille en pourcentage. Si vous voulez une table pour être toujours la même taille quelle que soit la taille de la fenêtre du navigateur, choisissez pixels pour la largeur de votre table.

  
  
  
  
  

  Si une table est insérée dans un autre récipient, tel qu'un

  tag ou une table avec une largeur fixe, le tableau est dimensionné fondées non pas sur la fenêtre du navigateur, mais sur le récipient.

  Note: À partir de Dreamweaver CS4, vous trouvez plus un (hauteur) champ H. Comme meilleure pratique, la plupart des concepteurs ne précisent pas la hauteur de la table parce que le contenu de la table peuvent changer d'un visiteur à l'autre. Par exemple, la taille de police du texte dépend du système et les paramètres d'un utilisateur.

• CellPad: Indique l'espace entre le contenu d'une cellule et sa frontière.

• Espac: Indique l'espace entre les cellules du tableau.

• Aligner: Contrôle de l'alignement de la table sur la page Web. Les options par défaut sont, gauche, centre et droite. En règle générale, le réglage par défaut aligne le tableau sur le côté gauche de la fenêtre du navigateur ou un autre récipient.

• Border: Contrôle la taille de la frontière autour de la table. Plus le nombre, le plus épais de la frontière. Si vous voulez la frontière pour être invisible, mettre à 0.

• Classe: Fournit un accès facile aux options de feuille de style.

• Effacer et convertir: Les icônes dans la zone inférieure gauche de l'inspecteur de propriétés (cliquez sur la flèche d'agrandissement, dans le coin inférieur droit de les voir) fournir ces options de formatage:

• Effacer les hauteurs de ligne et Les largeurs de colonnes claires vous permettra de supprimer toutes les valeurs de hauteur et la largeur à la fois.

• Convertir largeurs de tableau en pixels et Convertir largeurs de tableau en pourcentage vous permettra de changer automatiquement les paramètres Largeur de pourcentages de pixels. Pixels spécifient une Largeur- fixé un cadre pour cent signifie le navigateur ajuste automatiquement le pourcentage précis de la zone d'affichage du navigateur.

Vous pouvez également appliquer les options de formatage et de modifier les attributs d'un élément - comme du texte, une image ou un fichier multimédia - au sein d'une cellule de tableau. Pour ce faire, sélectionnez l'élément et puis utilisez les options dans le CSS ou l'inspecteur HTML Propriété de faire les modifications souhaitées, comme vous le feriez si l'élément était pas dans une cellule de tableau.