Comment faire trois colonnes dans un poste de blogueur

Utilisation d'une table

1. Commencez votre table. Si vous voulez la table pour remplir la largeur de votre blog, modifier comme avec "

   ". Vous pouvez également spécifier l'espacement entre les cellules avec« espacement = "5" ", à savoir"».

   Entrez "

   "Sur la ligne suivante pour créer une nouvelle ligne de tableau. Puisque vous êtes la création de trois colonnes, vous aurez seulement besoin d'une rangée.
   
   

   
   
   

   Type "

   ". Si vos colonnes seront tous avoir des longueurs différentes de contenu, vous aurez envie d'ajouter" valign = "top" "faire en sorte que chaque colonne commence au sommet de la table, à savoir"". Répétez cette opération pour la troisième colonne.

   Fermez la ligne du tableau après la fin de la dernière colonne / cellule avec "

   ,», Puis terminer la table elle-même avec"

   "Pour créer la première colonne, qui est une cellule dans le tableau. Remplissez le contenu de votre cellule, et à la fin du contenu fermer la cellule avec"

   ". Vous pouvez également spécifier l'alignement, tels que" align = "center" ". Lancer la colonne suivante avec la même étiquette que le premier, et de remplir le contenu. Assurez-vous qu'il se termine par un "

   ". Vous pouvez toujours entrer contenu au-dessus ou en dessous de la table, si vous le souhaitez.

Utilisation des calques Div

1. Ouvrez un nouveau message sur votre blog et basculer sur l'éditeur HTML. Créer votre première couche avec "

   ". Vous pouvez en modifier les attributs de cette couche au sein de la" "balise de style: le visage de police, la couleur, l'alignement et la Taille- la largeur de la couche- et combien d'espace il ya autour de lui.

2. 
   
   

   Entrez une largeur pour votre couche. Quelle est la largeur dépend entièrement de votre esthétique. Si vous voulez trois colonnes identiques pour remplir l'espace, en utilisant "width: 33%" peut être l'msot efficace, mais il ne laisse aucun espace entre les colonnes. Si vous voulez l'espace entre les colonnes, vous pouvez toujours abaisser à "width: 30% - padding: 5px;" pour spécifier un div qui est 30% de la largeur de votre poste, avec 5 px de rembourrage sur chaque côté. L'ouverture de votre couche serait maintenant ressembler "

   ». Trouver la largeur droite / ratio de l'espace peut prendre quelques essais et erreurs.

3. Remplissez ce que vous voulez dans votre première colonne. Une fois terminée, fermez la couche avec un "