Vidéo: Insérer un tableau dans un article ou une page Blogger sans notion particulière de programmation 2024
Nettoyez l'alignement des éléments en colonnes et en rangées pour que votre table soit nette et facile à lire. L'obtention de ce look dans Dreamweaver peut être difficile car vous n'avez pas autant de contrôle en HTML que dans un programme tel qu'Excel, où vous pouvez par exemple aligner des nombres sur le point décimal. Dans un tableau HTML, vous pouvez aligner le contenu des colonnes à gauche, à droite ou au centre.
Les étapes suivantes expliquent les bases de l'alignement des lignes et des colonnes dans votre tableau (et vous trouverez également des conseils pour résoudre les problèmes d'alignement courants):
-
Sélectionnez la colonne ou la ligne dont vous souhaitez modifier l'alignement.
Placez le curseur dans la première cellule de la colonne ou de la ligne que vous souhaitez aligner. puis, cliquez et faites glisser pour mettre en surbrillance toutes les colonnes ou lignes que vous souhaitez modifier.
-
Choisissez une option d'alignement dans les listes déroulantes Horz (horizontal) ou Vert (verticale) de l'inspecteur des propriétés.
Le contenu de la cellule s'ajuste pour correspondre à l'option d'alignement sélectionnée.
Vous pouvez également accéder à de nombreuses options de mise en forme, notamment les options d'alignement, en sélectionnant une table, puis en cliquant avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Mac).
Si vous suivez les étapes précédentes mais que le contenu de la table ne s'aligne toujours pas, essayez les astuces suivantes:
-
Si vous utilisez le même nombre de chiffres après la virgule décimale dans tous vos nombres, vous pouvez les aligner dans une colonne. Par exemple, si un prix est de 12 $. 99 et un autre est de 14 $, expriment ce dernier comme 14 $. 00; puis, quand vous alignez à droite, les chiffres s'alignent. (Si vos colonnes ne sont toujours pas alignées comme vous le souhaitez, pensez à utiliser une police monospace).
-
Si vous rencontrez des problèmes pour aligner le contenu des cellules adjacentes, réglez l'alignement vertical sur Haut. Une frustration fréquente se produit lorsque vous avez deux lignes ou plus côte à côte avec du texte dans l'une et des images dans l'autre, et que vous voulez aligner le haut de l'image et le haut du texte. Souvent, ils ne s'alignent pas parce qu'ils ont des longueurs différentes.
La solution est simple: Sélectionnez toutes les cellules que vous souhaitez aligner, et dans l'inspecteur des propriétés, modifiez l'alignement vertical en haut. Apparemment, comme la magie, tout le contenu saute au sommet des cellules et s'aligne parfaitement. C'est un problème si commun que vous pouvez définir régulièrement l'alignement vertical des cellules du tableau sur Top.
-
Assurez-vous d'utiliser les mêmes balises de mise en forme, de paragraphe et de rupture si vous souhaitez aligner le contenu des cellules adjacentes. Une autre situation dans laquelle le contenu des cellules adjacentes ne s'alignent pas correctement lorsque vous incluez des balises de paragraphe autour du texte ou d'une image dans une cellule mais pas dans une autre.
Utilisez la vue Diviser (en cliquant sur le bouton Diviser en haut de l'espace de travail) et assurez-vous que le code des deux cellules correspond. Si vous avez des balises
autour du contenu d'une cellule et pas dans une autre, assurez-vous de les inclure dans la deuxième cellule ou supprimez-les du premier pour que les deux cellules correspondent.
