Discussion :

[jadey]

Hello les gens,
j'ai un souci pour le découpage de mon design. Je m'explique:
Le code suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
<html:link action="j_security_check">
	<html:img src="/PenalitesWeb/images/demiCercleGauche.png" />
</html:link>
 
<span class="submitButton" onclick="LoginForm.submit();return false"> <bean:message
	key="page.user.login.enter" /> </span>
 
<html:link action="j_security_check">
	<html:img src="/PenalitesWeb/images/demiCercleDroit.png" />
</html:link>

produit lors de son interpretation celui-ci:

Code :

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

1
2
3
4
5
<a href="/PenalitesWeb/j_security_check.aspx"><img src="/PenalitesWeb/images/demiCercleGauche.png"></a>
 
<span class="submitButton" onclick="LoginForm.submit();return false"> login </span>
 
<a href="/PenalitesWeb/j_security_check.aspx"><img src="/PenalitesWeb/images/demiCercleDroit.png"></a>

Vous remarquerez entre autre le rajout d'epace autours de "Login" (cest pas bien grave je pense qu'en ajoutant quelque chose pour supprimer les espaces ça irait.
Le soucis c'est avec les images "demiCercle..." qui elles sont positionnées comme le montre l'image:


Comment y remédier ? Merci pour toutes vos contributions.

[jadey]

bon je viens de trouver: il "suffit" de jouer sur "vertical-align" de l'img.
Encore fallait t'il le savoir!