Code déforme la page

[Daryan]

Bonjour ! Aujourd'hui je n'ai pas un problème avec un code de mon forum mais avec un code pour une signature. C'est à dire que je l'ai codé moi-même (c'est sans doute pour ça qu'il y a quelque chose qui cloche) mais il déforme les pages, je ne comprends pas pour quelle raison. :/ Pouvez vous vérifiez ce code et me le corriger s'il vous plait ?

Code:

<br><br><center><table cellspacing=10px><tr><td><div style="line-height: 5px; width: 400px; text-align: center;"><span style="font-size: 15px; color: grey; font-variant: small-caps;">BOWEN HARRISON</span>
<div style="background-color: #262626; height: 10px;"></div></div><div style="text-align: center; width: 200px;"><table><td></div><img style="display: inline;" class="" src="http://i70.servimg.com/u/f70/17/04/92/98/sourir11.png" width="200px" height="130"></td><td><img style="display: inline;" class="" src="http://i70.servimg.com/u/f70/17/04/92/98/triste11.png" width="200px" height="130"></td></table><div style="text-align: center; width: 200px;"><span style="letter-spacing: 1px; color: #A26B65;"></span></div>
<div style="height: 100px; width: 190px; overflow: auto; padding: 0px 5px 0px 5px;">
[justify][size=9][font=Tahoma]  [/font][/size][/justify]
</div></td></center>


Merci d'avance !

[Invité]

Salut Daryan,

Pour le décalage: c'est la balise table qui est la responsable   .

C'est ton code final , ou tu inséreras du texte par la suite  


Tu peux essayer avec celui ci stp et nous tenir informé stp  :

Code:


<center><div style="width:500px;height:auto;">
<span style="font-size: 15px; color: grey; font-variant: small-caps;">BOWEN HARRISON</span>
<div style="background-color: #262626; height: 10px;width:300px;margin-top:8px;"></div>
<div style="border:1px solid #cccccc;padding:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">
<img src="http://i70.servimg.com/u/f70/17/04/92/98/sourir11.png"/style="-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;"><img src="http://i70.servimg.com/u/f70/17/04/92/98/triste11.png"/style="-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">
<span style="letter-spacing: 1px; color: #A26B65;">Texte1</span>
<span style="letter-spacing: 1px; color: #A26B65;">Texte2</span></div></center>
</div>
</div>
</center>


a++

[Daryan]

Coucou ça ne déforme plus les pages mais le problème c'est que le maximum du forum est de 400 px donc le code est coupé :/

[Invité]

Re,

j'ai modifié par 400px et diminué aussi la taille des image afin qu'elles
puissent être centrées   .

Code:


<center><div style="width:400px;height:auto;">
        <span style="font-size: 15px; color: grey; font-variant: small-caps;">BOWEN HARRISON</span>
        <div style="background-color: #262626; height: 10px;width:300px;margin-top:8px;"></div>
        <div style="border:1px solid #cccccc;padding:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">
<img src="http://i70.servimg.com/u/f70/17/04/92/98/sourir11.png"style="width:170px;height:111px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;"><img src="http://i70.servimg.com/u/f70/17/04/92/98/triste11.png"style="width:170px;height:111px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">
        <span style="letter-spacing: 1px; color: #A26B65;">Texte1</span>
        <span style="letter-spacing: 1px; color: #A26B65;">Texte2</span></div></center>
        </div>
        </div>
        </center>



a++

[Daryan]

Merci beaucoup !