Dimensionner les cellules d'un tableau

**jlb59** · 12/01/2024, 12h40

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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<br><br></td></tr>" +
	"<tr class='centre'>" + 
		"<td width='30%' class='bord'>&nbsp;</td>" +
		"<td width='30%' colspan=7 class='centre bord'><img src='pages/tests/images/serie7.jpg' alt=''></td>" +
		"<td width='30%' class='bord'>&nbsp;</td>" +
	"</tr>" +
	"<tr>"+
		"<td width='30%' class='bord'>&nbsp;</td>" +
		"<td class='centre bord'><br><label><span class='cadre'>A</span><br><br><input type='radio' name='sel6' onclick='antW[6]=1;'></label></td>" +
		"<td class='centre bord'><br><label><span class='cadre'>B</span><br><br><input type='radio' name='sel6' onclick='antW[6]=0;'></label></td>" +
		"<td width='30%' class='bord'>&nbsp;</td>" +
	"</tr>" +
	"<tr><td class=bord >&nbsp;</td></tr>" +
	"<tr><td class=bord colspan=7><hr></td></tr>" +

Nom : dimension-cellules.jpg
Affichages : 205
Taille : 41,7 Ko

**NoSmoking** · 12/01/2024, 17h34

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

**jlb59** · 13/01/2024, 04h56

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ??????

**NoSmoking** · 13/01/2024, 11h58

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

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<tr> <!-- 7 cellules utilisées -->
...</tr>
<tr> <!-- 7 cellules utilisées -->
...</tr>
<tr class='centre'> <!-- 9 cellules utilisées -->
...</tr>
<tr><!-- 4 cellules utilisées -->
...</tr>
<tr> <!-- 1 cellule utilisée -->
...</tr>
<tr> <!-- 7 cellules utilisées -->
...</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 <br> dans ton code qui ne servent à rien, il existe les propriétés padding et margin pour donner de l'air aux éléments.

**jlb59** · 13/01/2024, 12h31

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

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 !

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<tr> <!-- 7 cellules utilisées -->
...</tr>
<tr> <!-- 7 cellules utilisées -->
...</tr>
<tr class='centre'> <!-- 9 cellules utilisées -->
...</tr>
<tr><!-- 4 cellules utilisées -->
...</tr>
<tr> <!-- 1 cellule utilisée -->
...</tr>
<tr> <!-- 7 cellules utilisées -->
...</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 <br> 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 <br> 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 <br>.
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

Dimensionner les cellules d'un tableau

HTML

Vue hybride

Discussions similaires

Partager

Partager