Discussion :

[thibane]

Bonjour à tous,

C'est avec un peu de honte que je fais appel à vous.
Voilà ce que je veux obtenir :



1, 2, 3 et 4 sont tous des liens (a) sous forme d'image (img).
Le cadre extérieur représente le td d'une table.
Je suis sous IE.

Actuellement, j'ai quelque chose qui ne ressemble à rien, des boutons qui partent les uns en dessous des autres.

Quelqu'un peut-il m'expliquer comment arriver au résultat?

Bonne journée!

[HiRoN]

Même si c'est pas terrible, tu peux toujours refaire un tableau à l'intérieur du td de la table extérieure et positionner tes boutons comme tu le souhaites...

[laurentibus]

fais voir ton code html et css stp

[thibane]

Voilà le code. Le c:choose en JSTL et l'équivalent d'un switch et les c:when, des case.

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<td>	
	<div style='float:left; v-align:center;'>
		<c:choose>
			<c:when test="${var.last and var.first}"></c:when>
			<c:when test="${var.first}">
				<a style="cursor:pointer;" 
				   title="Descendre" 
				   onclick="descendre(<c:out value="${operation.opeId}"/>);">									
					<img src="../images/picto/pic_fleche_bas.gif" />
				</a>
			</c:when>
			<c:when test="${var.last}">
				<a style="cursor:pointer;" 
				   title="Monter" 
				   onclick="monter(<c:out value="${operation.opeId}"/>);">									
					 <img src="../images/picto/pic_fleche_haut.gif" />
				</a>
			</c:when>
			<c:otherwise>
				<a style="cursor:pointer;" 
				   title="Monter" 
				   onclick="monter(<c:out value="${operation.opeId}"/>);">									
					<img src="../images/picto/pic_fleche_haut.gif" />
				</a>
				<br />
				<a style="cursor:pointer;" 
				   title="Descendre" 
				   onclick="descendre(<c:out value="${operation.opeId}"/>);">									
					<img src="../images/picto/pic_fleche_bas.gif" />
				</a>
			</c:otherwise>
		</c:choose>	
	</div>
	&nbsp;&nbsp;
	<a style="cursor:pointer;" 
	   title="Supprimer" 
	   onclick="supprimer(<c:out value="${operation.opeId}"/>);">									
	   <img src="../images/picto/pic_supprimer.gif" />
	</a>
	<a style="cursor:pointer;" 
	   title="Modifier" 
	   onclick="modifier(<c:out value="${operation.opeId}"/>);">									
	   <img src="../images/picto/pic_modifier.gif" />
	</a>
</td>

J'ai omis une petite précision, les cadres 1 et 2 correspondent en réalité à des flèches pour monter et descendre un élément X. Parfois, il n'y a rien, parfois seulement une flèche et parfois deux flèches.
L'idéal serait de pouvoir aligner verticalement les cadres 1, 2 ou 1&2.

[laurentibus]

il faut que tu rajoute des proprietes CSS :
float: left et float: right pour mettre a droite ou a gauche

ensuite tu peux aussi utiliser margin pour espacer les elements entre eux comme tu le souhaite ...

tiens nous au jus

[thibane]

Pitite question : la propriété float ne s'applique-t-elle pas qu'à une balise block?