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