Texte sur 2 colonnes dans une page

• 

  washitaa · Membre · décembre 28, 2017 at 5:24

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonjour
  le meilleur affichage que j’ai réussi à faire est peu satisfaisant
  Comment faire 2 colonnes proprement séparées et de même largeur ?
  Merci
  La page concernée est ressources et équipes

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

• 

  airodyssey · Modérateur · décembre 28, 2017 at 6:48

  • Copier le lien

  Bonjour Sylvie. J’ai trouvé une page dans la documentation qui explique comment faire du texte en deux colonnes.
  https://en.support.wordpress.com/advanced-html/#columns
  En résumé : copiez-collez le code HTML qui apparaît en premier, et remplacez le texte en noir (« Your content for your column #x ») par le contenu de vos colonnes.

• 

  washitaa · Membre · décembre 28, 2017 at 8:08

  • Copier le lien

  Bonjour vieil ami ! et bonnes fêtes…
  Je teste et te réponds asap

• 

  washitaa · Membre · décembre 28, 2017 at 8:55

  • Copier le lien

  Fait avec succès !
  Est-ce trop demandé de pouvoir pousser la premiere colonne vers la gauche et de regler l’espace entre les 2 cols?
  Est-ce que penses que c’est la mm regle de html pour 3 cols ?

• 

  airodyssey · Modérateur · décembre 29, 2017 at 9:32

  • Copier le lien

  Le code HTML pour le texte en trois colonnes apparaît sur la même page de documentation…
  https://en.support.wordpress.com/advanced-html/#columns
  …mais un peu plus bas (c’est le code HTML qui apparaît en deuxième).

  Pour changer l’espacement entre les colonnes, vous pouvez jouer avec le « padding » (donc dans le code HTML, vous remplacez « 10px » par « 20px » par exemple).

  Et je ne comprends pas ce que vous voulez dire par « pousser la première colonne vers la gauche »… Avez-vous un exemple d’article ou de page où vous avez utilisé ce code? Cela m’aiderait à comprendre. Merci!

• 

  washitaa · Membre · décembre 30, 2017 at 6:38

  • Copier le lien

  Bonjour
  Je n’ai pas de code pour faire ca justement : en fait je voudrais que tout le texte de ma premiere colonne (de gauche) commence genre après 25 pixels de la marge gauche, comme une tabulation?
  est-il possible d’encadrer les colonnes?
  merci

• 

  airodyssey · Modérateur · décembre 30, 2017 at 6:42

  • Copier le lien

  Avez-vous un exemple d’article ou de page où vous avez utilisé ce code? J’aimerais voir le code que vous avez employé jusqu’ici (cela m’évitera de tout recommencer du début).

• 

  washitaa · Membre · décembre 30, 2017 at 6:58

  • Copier le lien

  bon je l’ai fait en mettant 3 indentations, et la colonne de gauche apparait bien commençant plus vers la droite
  https://sylviechamorro.com/qui-sommes-nous-2/
  mais je ne sais pas si cela garde le format identique pour les 2 cols, j’ai l’impression que oui
  Par contre je ne trouve pas dans le code l’indication du padding à changer pour l’espace entre les colonnes…
  Comment on peut encadrer ses colonnes ?

• 

  airodyssey · Modérateur · janvier 2, 2018 at 1:28

  • Copier le lien

  Je vois que vous avez employé le bon code pour ajouter une marge à gauche (en remplaçant le dernier padding de 0 par une valeur de 90px).

  Par ailleurs, les valeurs de padding ne s’appliquent qu’à une colonne (si vous voulez qu’elles s’appliquent à l’autre colonne, il faut les modifier dans le code < div > qui précède immédiatement le contenu de la deuxième colonne.

• 

  washitaa · Membre · janvier 2, 2018 at 12:35

  • Copier le lien

  OK merci, je ne l’ai pas trop fait exprès en fait !
  Concernant le fait d’encadrer un colonne d’un filet noir que savez-vous?

• 

  airodyssey · Modérateur · janvier 2, 2018 at 4:48

  • Copier le lien

  Juste après la mention style: du code < div >, ajoutez :
  border:1px solid black;

  Exemple :
  <div style="border:1px solid black;width:40%;padding:0 30px 0 90px;float:left;">...
  Vous pouvez remplacer « black » par le nom anglais ou le code hexadécimal de la couleur de votre choix (il existe plusieurs listes de codes hexadécimaux de couleurs que vous pouvez trouver dans Google).
  Vous pouvez également remplacer 1px par l’épaisseur voulue.

• 

  prestatairesmariage · Membre · janvier 2, 2018 at 8:38

  • Copier le lien

  Très jolie thème ! C’est lequel ?

• 

  washitaa · Membre · janvier 3, 2018 at 3:31

  • Copier le lien

  bonjour c’est le thème pique et il est gratuit.
  amazing, isn’t it !

  Promettez moi si vous l’utilisez de m’aider aussi !
  Bonne année
  Sylvie

• 

  washitaa · Membre · janvier 3, 2018 at 3:34

  • Copier le lien

  Merci airodyssey !

• 

  prestatairesmariage · Membre · janvier 5, 2018 at 3:11

  • Copier le lien

  Oui sans problème mais je ne suis pas encore à votre niveau.