Si vous avez un code couleur, mettez le dans la deuxième zone. Bordure des cellules: La taille de la bordure est mise à zéro par défaut, si la zone est vide vous avec automatiquement une fine bordure. Vous cliquez sur le code couleur pour ouvrir la palette, cette couleur sera appliquée aux bordures mais également aux textes des cellules. Générateur de tableaux - PapyClic - Design. Même si vous ne voulez pas de bordure, mettez une couleur pour le texte des cellules ou ils seront noir par défaut. Cellules avec: Vous ne voulez pas afficher les titres des colonnes. Cochez cette case: Si vous avez fait des modifications directement dans la zone ci-dessus cliquez sur >>> Le code généré est à insérer dans le composeur d'article en mode HTML, cliquez sur l'icône ci-contre. Rendez-vous dans l'espace de gestion, dans ARTICLES >>> Ajouter un article >>> cliquez sur HTML pour ouvrir le composeur en mode éditeur HTML: Voir les 4 captures des 4 étapes dans le tableau ci-dessous: Les captures Capture 1 Capture 2 Capture 3 Capture 4 Comme vous pouvez le constater j'ai utilisé mon générateur et l'icône "Image" du composeur pour insérer les images zoomables.
Une fois le tableau inséré dans l'article, vous modifiez le contenu des cellules et vous pouvez même utilisez les options d'édition qui sont disponible dans le menu contextuel qui s'affiche quand vous faites un clic-droit sur le tableau. Cliquez sur l'image ci-contre pour voir quelques captures d'écran. Dans le menu contextuel du clic-droit, vous pouvez par exemple ajouter des lignes et des colonnes, positionner le contenu dans les cellules: Quelques captures exemples Insertion de ligne Alignement du contenu des cellules Autre exemple intéressant: Fusion de cellules Cellules dans colonne Cellules dans ligne Cliquez pour ouvrir une page où vous pourrez tester le code généré, également le code des exemples >>> lien Et même le modifier si vous connaissez le HTML. Les 12 meilleurs éditeurs HTML gratuits. – Outils-web.fr. Aperçu du tableau construit avec le code généré: Quelques exemples...
7. Lorsque la table est terminée, copiez et collez-le dans votre site Web.