[FR] Comment créer un article en 3 colonnes avec un tableau HTML ? [article available in EN/DE/FR]steemCreated with Sketch.

in fr •  11 months ago

Dans cet article je vous explique comment créer une mise en page d’article Steemit en 3 colonnes.

(Article disponible en EN/DE/FR dans @becometheartist )
BecomeTheArtist-3-columns-html1.jpg

Mettez vous en mode Markup
BecomeTheArtist-markup.jpg

Insérez ce code-ci :
BecomeTheArtist-3-columns-html-fr-1.jpg




Et voilà vous avez déjà votre tableau à 3 colonnes !


Ceci est le texte de la première colonne. Ceci est le texte de la deuxième colonne. Ceci est le texte de la troisième colonne.




Maintenant il suffit de remplacer le texte en bleu par votre propre texte !

Bon amusement !





🌟 🌟 🌟


Attention il y a des limitations 😧

La plateforme Steemit ne supporte pas encore beaucoup de paramétrages, comme par exemple la largeur personnalisée des colonnes et l’alignement du texte en haut de la cellule. Pour cette raison il est important de veiller à ce que votre texte ait approximativement la même longueur dans toutes les colonnes. Autrement la largeur est adaptée automatiquement.

Voici un exemple pour illustrer :

BecomeTheArtist-3-columns-html-fr-2.jpg

Ce qui donne comme résultat un tableau avec des colonnes ajustées automatiquement :


Texte court. Ceci est un texte de longueur moyenne. Et pour vous démontrer la largeur automatique je vous écris également un texte très long.


J'ai essayé plusieurs méthodes, mais sans succès 😭 Donc la seule manière d'avoir des colonnes bien réparties est de s'assurer de la même longueur de texte dans chaque colonne.


A bientôt pour d’autres tutos de mise en page.

J’espère que ceci vous aidera à devenir un artiste d’articles Steemit !

A bientôt !

BecomeTheArtist 🌷



Voici deux références qui pourraient vous intéresser également :

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Vraiment utile pour débuter tes articles, Bravo !

·

Merci et bienvenue !

Super tuto ! Continue comme ça 👍

·

Merci pour ton commentaire super encourageant ! 😊
Bonne journée!

Merci pour le coup de pouce ! ça pourra toujours servir !

ah du front ;)

Merci beaucoup, ça fait de bien plus jolis articles, ça va énormément me servir !

·

Super ! Contente d'entendre que cela te servira 😎

bien jouer

·

Bon amusement sur Steemit !

Juste pour te dire que je suis vraiment impressionnée par con courage de traduire en 3 langues tout tes articles ! Bravo !!!

·

Mercii ! Ce serait dommage de ne pas aider à faire grandir les plus petites communautés :)