Discussion :

[navis84]

Bonjour,

J'aimerais trier mes colonnes de tableaux par ordre croissant ou décroissant en affichant deux images distinctes correspondant à des flèches comme ci dessous :



Comment faire pour positionner les deux images après le texte, en les mettant l'une sur l'autre ?

Merci d'avance,
@+

[MasterOfChakhaL]

salut,

tu pourrais essayer quelque chose dans ce goût-là:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table border="1">
	<tr>
		<th>test1 <a class="up" href="#"><img src="up.gif" alt="^" /></a><a class="down" href="#" ><img src="down.gif" alt="v" /></a></th>
		<th>test2 <a class="up" href="#"><img src="up.gif" alt="^" /></a><a class="down" href="#" ><img src="down.gif" alt="v" /></a></th>
	</tr>
	<tr>
		<td>aaa</td>
		<td>AAA</td>
	</tr>
	<tr>
		<td>bbb</td>
		<td>BBB</td>
	</tr>
</table>

et le css:

Code :

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

1
2
3
4
5
6
7
8
	th {
		min-height: 2em;
	}
	th .up, th .down {
		float: right;
		clear: right;
		height: 1em;
	}

[navis84]

Bonjour,

Merci pour cette partie de code. Les flèches sont bien l'une sur l'autre mais elles sont situées au dessous du texte... Comment tout mettre sur la même ligne ?

Merci d'avance.

[navis84]

N'ayant trouvé aucune solution avec des images séparées, j'opte pour les images mappées.
Merci !