Alignement texte surligné et image
Hello les gens,
j'ai un souci pour le découpage de mon design. Je m'explique:
Le code suivant:
Code:
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:
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:
http://imagik.fr/thumb/119547.jpeg
Comment y remédier ? Merci pour toutes vos contributions.