Bonjour
Je patauge à trouver la solution: le problème est ici https://bernardmontaud.org/solidarite-confinement/
comment espacer mes colonnes sur le tableau ?

en restant avec du html, au début du code j'ai mis ceci:

<h3>Contacts en France</h3>
<table border="0" cellspacing="20"><colgroup width="224"></colgroup>
<thead>
<tr class="row_first">
<th>Villes</th>
<th>Renseignements</th>
<th>Contact</th>
</tr>
</thead>
<tbody>
<tr>
<td>AGEN (47)</td>
<td><a href="mailto:agen@solidariteconfinement.org">agen@solidariteconfinement.org</a></td>
<td>Myriam Cimber</td>
</tr>
<tr>
<td>ALBI (81)</td>
<td><a href="mailto:albi@solidariteconfinement.org">albi@solidariteconfinement.org</a></td>
<td>Patrick Fargette</td>
</tr>
...

la colonne le texte le plus long qui collait à la deuxième colonne s'est écarté...
Mais je n'arrive pas à faire de même pour la seconde colonne
Merci d'avance pour votre aide

Bonjour,

Il faudrait indiquer width: 100%; pour <table> sinon, ses colonnes n'ont que la largeur de leur contenu ; à moins de l'indiquer pour chaque en valeur absolue (px), mais ce n'est pas très responsive alors... 

A ce sujet, ton <colgroup width="224"></colgroup> sans span=2 ou 3 ne sert à rien à priori.

En as-tu besoin? Si non, enlèves-le.

Intéressant ce site sinon...

Bonjour,

Mauvais titre

Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

Pour modifier votre titre, éditez le premier message de votre sujet.

(titre originel : tableau html)

Bonjour,
merci pour vos réponses, excusez moi pour le mauvais titre, comment puis-je le modifier ?
J'ai continué à chercher pour mon problème

j'ai mis ce code:

<h3>Contacts en France</h3>
<table border="0" width="100%" cellspacing="20" cellpadding="20">
<thead>
<tr class="row_first">
<th>Villes</th>
<th>Renseignements</th>
<th>Contact</th>
</tr>
</thead>
<tbody>
<tr>
<td>AGEN (47)</td>
<td><a href="mailto:agen@solidariteconfinement.org">agen@solidariteconfinement.org</a></td>
<td>Myriam Cimber</td>
</tr>
<tr>
<td>ALBI (81)</td>
<td><a href="mailto:albi@solidariteconfinement.org">albi@solidariteconfinement.org</a></td>
<td>Patrick Fargette</td>
</tr>

ça va mieux pour le premier tableau, mais ceux qui sont dessous ne s'alignent pas malgré que j'y ai mis le même code, où est mon erreur ?

voici le code en partant de la fin du premier tableau et le début de l'autre jusqu'à la fin:

<tr>
<td>VOIRON</td>
<td><a href="mailto:voiron@solidariteconfinement.org">voiron@solidariteconfinement.org</a></td>
<td>Martine Millet-Marque</td>
</tr>
</tbody>
</table>
<h3>Contacts en Belgique et Luxembourg</h3>
<table border="0" width="100%" cellspacing="20" cellpadding="20">
<thead>
<tr class="row_first">
<th>Ville</th>
<th>Renseignements</th>
<th>Contact</th>
</tr>
</thead>
<tbody>
<tr>
<td>ATH</td>
<td><a href="mailto:ath@solidariteconfinement.org" target="_blank" rel="noopener noreferrer">ath@solidariteconfinement.org</a></td>
<td>Catherine Berte</td>
</tr>
<tr>
<td>DION-VALMONT</td>
<td><a href="mailto:dion-valmont@solidariteconfinement.org">dion-valmont@solidariteconfinement.org</a></td>
<td>Isabelle Barsamian</td>
</tr>
<tr>
<td>NAMUR</td>
<td><a href="mailto:namur@solidariteconfinement.org">namur@solidariteconfinement.org</a></td>
<td>Annik Van Cleemput</td>
</tr>
<tr>
<td>BRUXELLES</td>
<td><a href="mailto:bruxelles@solidariteconfinement.org"> bruxelles@solidariteconfinement.org</a></td>
<td> Isabelle Barsamian</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>LUXEMBOURG</td>
<td><a href="mailto:Luxembourg@solidariteconfinement.org">Luxembourg@solidariteconfinement.org</a></td>
<td>Jean Luc Kopp</td>
</tr>
</tbody>
</table>
<h3>Contacts en Suisse</h3>
<table border="0" width="100%" cellspacing="20" cellpadding="20">
<thead>
<tr class="row_first">
<th>Ville</th>
<th>Renseignements</th>
<th>Contact</th>
</tr>
</thead>
<tbody>
<tr>
<td>FRIBOURG</td>
<td><a href="mailto:fribourg@solidariteconfinement.org">fribourg@solidariteconfinement.org</a></td>
<td>Jean Paul Chobaz</td>
</tr>
<tr>
<td>GENÈVE</td>
<td><a href="mailto:geneve@solidariteconfinement.org">geneve@solidariteconfinement.org</a></td>
<td>Philippe Jury</td>
</tr>
<tr>
<td>LA CHAUX-DE-FONDS</td>
<td><a href="mailto:la-chaux-de-fonds@solidariteconfinement.org">la-chaux-de-fonds@solidariteconfinement.org</a></td>
<td>Mägi Galeuchet</td>
</tr>
<tr>
<td>LAUSANNE</td>
<td><a href="mailto:lausanne@solidariteconfinement.org">lausanne@solidariteconfinement.org</a></td>
<td>Christina Delley</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>ZÜRICH</td>
<td><a href="mailto:zurich@solidariteconfinement.org">zurich@solidariteconfinement.org</a></td>
<td>Mägi Galeuchet</td>
</tr>
</tbody>
</table>
<h3>Contact en Espagne</h3>
<table border="0" width="100%" cellspacing="20" cellpadding="20">
<thead>
<tr class="row_first">
<th>Ville</th>
<th>Renseignements</th>
<th>Contact</th>
</tr>
</thead>
<tbody>
<tr>
<td>MADRID</td>
<td><a href="mailto:madrid@solidariteconfinement.org">madrid@solidariteconfinement.org</a></td>
<td>Christine Laffort</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

merci d'avance pour vos retours

Tes tableaux ont cette fois une largeur imposée, mais pas les colonnes, donc celles-ci varient selon leur contenu:

dans le 1er, c'est par exemple "CENTRE DES AMIS DE GITTA MALLASZ" (quelle magicienne vraiment...!) qui impose la largeur.

Tu peux mettre par exemple sur td, th

td, th {
    width: 33.3%;

> Pour modifier votre titre, éditez le premier message de votre sujet.

Pour éditer, il faut passer sa souris sur le premier message, et des liens apparaissent. Si ce n'est pas le cas, rechargez la page (c'est un bug connu du forum…).