Dimensionner les cellules d'un tableau

Version imprimable

2 pièce(s) jointe(s)

Bonjour à tous,

J'ai essayé beaucoup de solutions mais aucune ne fonctionne.

J'ai un tableau (voir le dessin et les lignes de programmation) mais je n'arrive pas à centrer par rapport à l'image les 2 options par rapport justement à l'image(A et B.
Pourriez-vous me dire comment faire ?

Les traits sont juste pour voir la structure du tableau et seront supprimés ensuite.
Je précise que cette partie de code est dans un JS, mais concrètement, c'est exactement la même chose que dans du html.

Merci d'avance de votre aide.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 "<tr><td colspan=7 class='rouge gras bord'>" + "7 - Complétez le sens de la table crantée ?</td></tr>" + "<tr><td colspan=7 class='centre bord'>Test d'observation et spatial </td></tr>" + "<tr class='centre'>" + "<td width='30%' class='bord'> </td>" + "<td width='30%' colspan=7 class='centre bord'><img src='pages/tests/images/serie7.jpg' alt=''></td>" + "<td width='30%' class='bord'> </td>" + "</tr>" + "<tr>"+ "<td width='30%' class='bord'> </td>" + "<td class='centre bord'> <label>A <input type='radio' name='sel6' onclick='antW[6]=1;'></label></td>" + "<td class='centre bord'> <label>B <input type='radio' name='sel6' onclick='antW[6]=0;'></label></td>" + "<td width='30%' class='bord'> </td>" + "</tr>" + "<tr><td class=bord > </td></tr>" + "<tr><td class=bord colspan=7><hr></td></tr>" +
Pièce jointe 649120

12/01/2024, 17h34
NoSmoking

Bonjour,
visiblement tu as un mauvais équilibre du nombre de cellules par ligne.

Regarde quand même la réponse faite dans cette discussion : https://www.developpez.net/forums/d2.../#post11996201
13/01/2024, 04h56
jlb59
Bonjour,

Je sais qu'il y a un manque d'équilibre, mais même si j’essaie de dimension une cellule, par exemple l'une à 5% et l'autre à 30%, ça marche pas !

De plus, j'ai regardé le lien donné et je vois ça :
Code:

1 2 3 <body> <td> <table border="1">
Personnellement, je n'ai jamais vu un <body> suivi directement par un <td>, ça ne sert à rien !
En plus, ça date de mathusalem ce truc ??????

Citation:

De plus, j'ai regardé le lien donné et je vois ça :
(...)
Personnellement, je n'ai jamais vu un <body> suivi directement par un <td>, ça ne sert à rien !
En plus, ça date de mathusalem ce truc ??????

Le lien était surtout pour que tu lises la réponse et que tu en prennes note, pas pour le code qui comme le tien date largement du siècle dernier :mouarf:

Citation:

Je sais qu'il y a un manque d'équilibre, mais même si j’essaie de dimension une cellule, par exemple l'une à 5% et l'autre à 30%, ça marche pas !

Le manque d'équilibre vient surtout du fait que tu n'as pas le même nombre de cellules par ligne.
On note dans ton code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <tr>  ...</tr> <tr>  ...</tr> <tr class='centre'>  ...</tr> <tr> ...</tr> <tr>  ...</tr> <tr>  ...</tr>
le déséquilibre est là !

Tu pourrais regarder du côte des Template literals (Template strings) pour générer ton code HTML ce qui te permettrait d'avoir une écriture « plus lisible » et un gabarit réutilisable.

Au passage, beaucoup de dans ton code qui ne servent à rien, il existe les propriétés padding et margin pour donner de l'air aux éléments.

Citation:

Envoyé par NoSmoking

Le lien était surtout pour que tu lises la réponse et que tu en prennes note, pas pour le code qui comme le tien date largement du siècle dernier :mouarf:

Je sais que mes scripts datent, mais lorsque je les ai faits, c'était en 1998 et je me vois mal pour reprendre toutes les pages, et elles sont nombreuses, pour qu'elles soient mises à jour avec les nouvelles fonctionnalités ! ;)
Citation:
Envoyé par NoSmoking
Le manque d'équilibre vient surtout du fait que tu n'as pas le même nombre de cellules par ligne.
On note dans ton code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <tr>  ...</tr> <tr>  ...</tr> <tr class='centre'>  ...</tr> <tr> ...</tr> <tr>  ...</tr> <tr>  ...</tr>
le déséquilibre est là !

Tu pourrais regarder du côte des Template literals (Template strings) pour générer ton code HTML ce qui te permettrait d'avoir une écriture « plus lisible » et un gabarit réutilisable.

Au passage, beaucoup de dans ton code qui ne servent à rien, il existe les propriétés padding et margin pour donner de l'air aux éléments.
Les servent même dans une cellule et je connais les padding et margin mais dans mes scripts, pour ne pas encombrer mes écrits, je préfère utiliser le fameux .
Merci d'avoir remarqué ça, je vais y remédier car je ne le voyais pas pour les nombres de cellules.

J'ai regardé les templates et c'est possible que ça servirait... si je faisais un nouveau site, mais ce n'est pas le cas.
De plus, lorsque mon site actuel a été crée, je n'étais pas tout seul, il y avait aussi un spécialiste belge du JS, mais DCD aujourd'hui. A ce niveau, il était beaucoup plus calé que moi !

Passe une bonne journée