28173 sujets

CSS et mise en forme, CSS3

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 :

http://img225.imageshack.us/img225/3176/apercukz2.png

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

Merci d'avance, Smiley smile
@+
Modifié par CyberKate (02 Jan 2007 - 16:58)
salut,

sans trop y avoir reflechi, je verrais soit une seule image avec image map; ou que tes images soient des elements d'une liste (<ul><li>...)

a voir...
Salut !

Merci pour ta réponse.
J'en suis là :

<style>
	th {
		min-height: 2em;
	}
	th .up, th .down {
		float: right;
		clear: right;
		height: 0.7em;
		width: 100px;
	}
</style>

<table border="1">  
	<tr>  
		<th>
			test1 <a class="up" href="#"><img src="fleche_haut_verte.png" alt="^" /></a><a class="down" href="#" ><img src="fleche_bas_verte.png" alt="v" /></a>
		</th>  
		<th>
			test2 <a class="up" href="#"><img src="fleche_haut_verte.png" alt="^" /></a><a class="down" href="#" ><img src="fleche_bas_verte.png" alt="v" /></a>
		</th> 
	</tr>  
	<tr>  
		<td>1.1</td>  
		<td>1.2</td> 
	</tr>  
	<tr>  
		<td>2.1</td>  
		<td>2.2</td>  
	</tr> 
</table>


Mais les flèches apparaissent en-dessous du texte...

Je vais voir suite à tes propositions. Smiley cligne