Code déforme la page

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code déforme la page

Message par Daryan le Sam 24 Aoû 2013 - 6:29

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 !


Dernière édition par Daryan le Sam 24 Aoû 2013 - 19:45, édité 1 fois

Daryan
*

Messages : 32
Inscrit(e) le : 25/01/2013

http://forumdetestpw.forum-gratuit.be/
Daryan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code déforme la page

Message par Milouze14 le Sam 24 Aoû 2013 - 9:08

Salut Daryan,

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

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


Tu peux essayer avec celui ci stp et nous tenir informé stp Wink :
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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code déforme la page

Message par Daryan le Sam 24 Aoû 2013 - 12:56

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é :/

Daryan
*

Messages : 32
Inscrit(e) le : 25/01/2013

http://forumdetestpw.forum-gratuit.be/
Daryan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code déforme la page

Message par Milouze14 le Sam 24 Aoû 2013 - 19:36

Re,

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

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code déforme la page

Message par Daryan le Sam 24 Aoû 2013 - 19:44

Merci beaucoup !

Daryan
*

Messages : 32
Inscrit(e) le : 25/01/2013

http://forumdetestpw.forum-gratuit.be/
Daryan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum