Discussion :

[Vanito]

Salut,

J'ai des cellules d'une table qui contiennent deux images et un href.

Le souci c'est qu'il y a des cellules où les différents éléments qu'ils contiennent ne sont pas alignés: le lien passe sous les deux images.

Qu'est ce que je dois rajouter pour que tous mes éléments soient toujours alignés et peut importe leurs longueurs?

Code :

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

1
2
3
4
5
6
7
8
<tr class="even">
	<td><img src="/picture.png" width="20" height="20" alt="picture" />
		<img src="/picture2.png" width="20" height="20" alt="picture2" />
		<a href="myLink">text</a></a></td>	
 
	<td>...</td>
	<td>...</td>
</tr>

[rodolphebrd]

Bonjour,

il vous suffit de fixer la largeur des cellules.

Edit: Tout dépend du reste du code (des largeurs définies).

[Vanito]

Je pensais qu'il y aurait quelque chose de "dynamique" pour éviter que cela se produise.

Sinon avec

Code :

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

width:100px

sa marche.

[rodolphebrd]

Dynamique

Si vous définissez un tableau sans donner de largeur le contenu s'adaptera automatiquement sans retour à la ligne.

[Vanito]

Je ne défini nul part une largeur pour ma table.

Par contre j'ai des tableaux dans des tableaux, je ne sais pas si cela peut avoir un quelconque impact

[rodolphebrd]

Exemple en image : http://codepen.io/anon/pen/zKIni

[Vanito]

Je pense que le problème vient du fait que j'ai des tables dans des tables.

A l'initialisation de ma page, je ne vois que la table principal qui ne contient pas de retour à la ligne, par contre lorsque j'affiche la table qui est dans l'une des cellules de la table principal (en utilisant "toggle" de jquery pour l'afficher), là il ya un retour de ligne

[rodolphebrd]

Alors il faut voir votre code...

Des tables dans des tables

[Bisûnûrs]

Code css :

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

white-space:nowrap;

[johnrock]

Bonjour,

Je ne sais pas du tout si je te comprends réellement mais je pense le pense.

il y a des cellules où les différents éléments qu'ils contiennent ne sont pas alignés: le lien passe sous les deux images.

passer sous les deux images? je n'ai pas compris
Ayant ajouté table au même code car tu ne l'a pas fait (je me demandait même si dans ton vrai code tu n'as pas fait la même chose), le résultat est celui de l'image (exemple 2).
Si c'est ça ce que tu appelle par lien sous les deux images, alors, est-ce l'exemple sur l'image (exemple 1) que tu veux?