Problème sur PA avec image.

[Cass']

Bonjour. :3 J'ai fait ma PA récemment et j'aimerais ajouté une image, je vous montre donc ce que j'ai actuellement :

Spoiler:

Et voilà ce que j'aimerais faire en ajoutant une image : (j'ajoute que c'est un montage fait sur photoshop pour bien montré ce que j'aimerais faire. x3)

Spoiler:

J'ai essayé de placé l'image à cet endroit là sauf que lorsque j'essaie, tout se décale. Je vous donne donc le code de ma PA ainsi que le lien de l'image si vous voulez la placer directement (il vaut mieux se fier à la taille de l'image que je compte utiliser, non ? :3) Je remercie d'avance les personnes qui vont m'aider à régler mon problème. ~ 

Code:

<BLOCKQUOTE><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 30px; padding-left: 15px; padding-right: 15px; border: 1px #DEC9AB solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 20px; line-height: normal"><font face="Courier New"><strong><img src="http://www.hebergeur-images.fr/images/1370634727.png" border="0" alt="" />  WELCOME ON MISERY BUSINESS !</strong></font></span><br><font style="font-size: 5pt; letter-spacing: 5px;"><font face="Garamond"><strong><font color="#b5875e">『NE VOUS BLÂMEZ PAS AINSI, LA PERFECTION N'EXISTE PAS.』</font></strong></font></font><BLOCKQUOTE><div id="menu">
  <ul>
      <li><li><a href="#">BEGGINING ✐</a>
        <ul>
       
        <li><a href="http://misery-business.forum-gratuit.net/t1-reglement">Règlement</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/t2-contexte">Contexte</a></li>
<li><a href="http://misery-business.forum-gratuit.net/t20-credits-because">Crédits</a></li>
        </ul>
      </li></li>
     
      <li><a href="#">WORLD ✐</a>
        <ul>
        <li><a href="http://misery-business.forum-gratuit.net/t6-les-villes-metiers-better-knowledge">Les Villes & Métiers</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/t7-les-groupes-rang-what-is-this">Groupes & Rang</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/t8-infos-en-around-the-world">Infos en +</a></li>
        </ul>
      </li>

<li><a href="#">PERSONNAGES ✐</a>
        <ul>
       
        <li><a href="http://misery-business.forum-gratuit.net/f5-les-pieces-d-echecs">Présentation</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/f4-pre-crees">Personnages Pré-Créer</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/f17-liens-rp-s">Fiches de Liens & RP</a></li>
        <li><a href="URLDUSITE">Demande de Logement & Commerce</a></li>
        </ul>
      </li>

<li><a href="#">ANSWER ✐</a>
        <ul>
        <li><a href="http://misery-business.forum-gratuit.net/f15-beugs-suggestions">Suggestions & Problèmes</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/f18-absences-departs">Absences & Départs</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/f13-invites">Invités</a></li>
        <li><a href="http://misery-business.forum-gratuit.net/f14-nouveautes-maj">Mises à Jour</a></li>
        </ul>
      </li>

 </ul></div></BLOCKQUOTE></BLOCKQUOTE>
</div></div><br><div align="left"><table><tr><td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;"><strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">PRÉDÉFINIS ◆</div></div></span></font></strong><div style="margin:auto;text-align:center;width:100%"><br>
<img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /><br>
<img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /><br>
<img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /></div>
</div></td><td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;">
<strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">TOP-SITES ◆</div></div></span></font></strong><div style="margin:auto;text-align:center;width:100%"><img src="http://i53.tinypic.com/ay14xh.jpg" border="0" alt="" /> <img src="http://i53.tinypic.com/ay14xh.jpg" border="0" alt="" /> <img src="http://i53.tinypic.com/ay14xh.jpg" border="0" alt="" /></div></div></div> <div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;">
<strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">NOUVEAUTÉS ◆</div></div></span></font></strong>
<span style="font-size: 11px; line-height: normal"><div align="justify">▬ Création du forum le 22/04<br>
▬ Ouverture du forum le ???<br>
▬ ...<br> ▬ ...</div></span></div></div></td></tr></table></div><div style="border-bottom: 3px dotted #b97272;"><div style="margin:auto;text-align:blockquote;width:100%"></div>
<table><tr><td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;">
<strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">STAFF ◆</div></div></span></font></strong><table><tr><td><div class="globo1"><div class="info"><img src="http://i52.tinypic.com/28rjs3s.png" ><span><div><b><font color="#F58F06">FONDATRICE</font></b>
<font color="Grey">«Nouvelle technique : on passe pour des cons, les autres se marrent, et on frappe. C’est nouveau.»</font>
<a href="http://misery-business.forum-gratuit.net/privmsg?mode=post&u=3" class="postlink" target="_blank" rel="nofollow">MP</a> <font color="Indianred">✂</font> <a href="http://misery-business.forum-gratuit.net/u3" class="postlink" target="_blank" rel="nofollow">PROFIL</a></div></span></div> </div></td><td> <div class="globo1"><div class="info"><img src="http://i51.tinypic.com/2ry2ccl.png"><span><div><b><font color="#F58F06">FONDATEUR</font></b>
<font color="Grey">«Une fois j'ai dormi avec un porc pendant une semaine.»</font>
<a href="http://misery-business.forum-gratuit.net/privmsg?mode=post&u=4" class="postlink" target="_blank" rel="nofollow">MP</a> <font color="Indianred">✂</font> <a href="http://misery-business.forum-gratuit.net/u4" class="postlink" target="_blank" rel="nofollow">PROFIL</a></div></span></div></div></td></div></div></div>
</td></tr></table></div></td><td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;"><strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">RÈGLES DE LA CB ◆</div></div></span></font></strong><div style="margin:auto;text-align:justify;width:100%"><span style="font-size: 10px; line-height: normal">
<strong><font color="FireBrick">1</font></strong>. Merci de ne pas écrire d'insultes. <strong><font color="FireBrick">2</font></strong>. Tes problèmes par MP tu arrangeras. <strong><font color="FireBrick">3</font></strong>. Un lieu de convivialité ce sera. <strong><font color="FireBrick">4</font></strong>. Pas de PUB de forums sur la Chat Box. <strong><font color="FireBrick">5</font></strong>. Éclatez-vous tout simplement. ♥</span></div></div></td></tr></table>

[Anzu]

Bonjour,

Pourrais je avoir le lien de l'image que vous aimeriez mettre ? ^^
Par contre, il me manque le code pour les onglets (on ne voit pas très bien sur votre capture mais je suppose que c'est ça)(Edit: Au pire je peux faire sans )

Cordialement.

[Cass']

Bonjour Anzu ! :3 Alors tout d'abord merci de répondre à mon problème. Voici donc le lien de l'image : https://2img.net/h/oi54.tinypic.com/33lftds.png C'est vrai que ce n'est pas visible sur la capture mais c'est en fait un menu déroulant, le code est présent dans le codage de la PA que j'ai donné. (: Merci d'avance. <3

[Lixyr]

Bonjour.

Et si vous rajoutiez juste une cellule avec comme contenu l'image, comme ceci ?

Code:

    <BLOCKQUOTE><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 30px; padding-left: 15px; padding-right: 15px; border: 1px #DEC9AB solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 20px; line-height: normal"><font face="Courier New"><strong><img src="http://www.hebergeur-images.fr/images/1370634727.png" border="0" alt="" />  WELCOME ON MISERY BUSINESS !</strong></font></span><br><font style="font-size: 5pt; letter-spacing: 5px;"><font face="Garamond"><strong><font color="#b5875e">『NE VOUS BLÂMEZ PAS AINSI, LA PERFECTION N'EXISTE PAS.』</font></strong></font></font><BLOCKQUOTE><div id="menu">
      <ul>
          <li><li><a href="#">BEGGINING ✐</a>
            <ul>
         
            <li><a href="http://misery-business.forum-gratuit.net/t1-reglement">Règlement</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/t2-contexte">Contexte</a></li>
    <li><a href="http://misery-business.forum-gratuit.net/t20-credits-because">Crédits</a></li>
            </ul>
          </li></li>
       
          <li><a href="#">WORLD ✐</a>
            <ul>
            <li><a href="http://misery-business.forum-gratuit.net/t6-les-villes-metiers-better-knowledge">Les Villes & Métiers</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/t7-les-groupes-rang-what-is-this">Groupes & Rang</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/t8-infos-en-around-the-world">Infos en +</a></li>
            </ul>
          </li>

    <li><a href="#">PERSONNAGES ✐</a>
            <ul>
         
            <li><a href="http://misery-business.forum-gratuit.net/f5-les-pieces-d-echecs">Présentation</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/f4-pre-crees">Personnages Pré-Créer</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/f17-liens-rp-s">Fiches de Liens & RP</a></li>
            <li><a href="URLDUSITE">Demande de Logement & Commerce</a></li>
            </ul>
          </li>

    <li><a href="#">ANSWER ✐</a>
            <ul>
            <li><a href="http://misery-business.forum-gratuit.net/f15-beugs-suggestions">Suggestions & Problèmes</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/f18-absences-departs">Absences & Départs</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/f13-invites">Invités</a></li>
            <li><a href="http://misery-business.forum-gratuit.net/f14-nouveautes-maj">Mises à Jour</a></li>
            </ul>
          </li>

    </ul></div></BLOCKQUOTE></BLOCKQUOTE>
    </div></div><br><div align="left">

<table><tr><td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;"><strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">PRÉDÉFINIS ◆</div></div></span></font></strong><div style="margin:auto;text-align:center;width:100%"><br>
    <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /><br>
    <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /><br>
    <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /> <img src="http://i55.tinypic.com/i50n5x.jpg" border="0" alt="" /></div>
    </div></td>

<td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;">
    <strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">TOP-SITES ◆</div></div></span></font></strong><div style="margin:auto;text-align:center;width:100%"><img src="http://i53.tinypic.com/ay14xh.jpg" border="0" alt="" /> <img src="http://i53.tinypic.com/ay14xh.jpg" border="0" alt="" /> <img src="http://i53.tinypic.com/ay14xh.jpg" border="0" alt="" /></div></div></div> <div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;">
    <strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">NOUVEAUTÉS ◆</div></div></span></font></strong>
    <span style="font-size: 11px; line-height: normal"><div align="justify">▬ Création du forum le 22/04<br>
    ▬ Ouverture du forum le ???<br>
    ▬ ...<br> ▬ ...</div></span></div></div></td>

<td align="center"><img src="http://i54.tinypic.com/33lftds.png" /> </td>

</tr></table></div><div style="border-bottom: 3px dotted #b97272;"><div style="margin:auto;text-align:blockquote;width:100%"></div>
    <table><tr><td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;">
    <strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">STAFF ◆</div></div></span></font></strong><table><tr><td><div class="globo1"><div class="info"><img src="http://i52.tinypic.com/28rjs3s.png" ><span><div><b><font color="#F58F06">FONDATRICE</font></b>
    <font color="Grey">«Nouvelle technique : on passe pour des cons, les autres se marrent, et on frappe. C’est nouveau.»</font>
    <a href="http://misery-business.forum-gratuit.net/privmsg?mode=post&u=3" class="postlink" target="_blank" rel="nofollow">MP</a> <font color="Indianred">✂</font> <a href="http://misery-business.forum-gratuit.net/u3" class="postlink" target="_blank" rel="nofollow">PROFIL</a></div></span></div> </div></td><td> <div class="globo1"><div class="info"><img src="http://i51.tinypic.com/2ry2ccl.png"><span><div><b><font color="#F58F06">FONDATEUR</font></b>
    <font color="Grey">«Une fois j'ai dormi avec un porc pendant une semaine.»</font>
    <a href="http://misery-business.forum-gratuit.net/privmsg?mode=post&u=4" class="postlink" target="_blank" rel="nofollow">MP</a> <font color="Indianred">✂</font> <a href="http://misery-business.forum-gratuit.net/u4" class="postlink" target="_blank" rel="nofollow">PROFIL</a></div></span></div></div></td></div></div></div>
    </td></tr></table></div></td><td align="left"><div style="background-image: url(http://i56.tinypic.com/v6smzm.png); background-repeat: repeat; margin: 10px; padding-left: 9px; padding-right: 9px; border: 1px # solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 2px #808080; -webkit-box-shadow: 0px 0px 2px #808080;"><strong><font face="Courier New"><span style="font-size: 15px; line-height: normal"><div class="style"><div style="border-bottom: 3px dotted #b97272;">RÈGLES DE LA CB ◆</div></div></span></font></strong><div style="margin:auto;text-align:justify;width:100%"><span style="font-size: 10px; line-height: normal">
    <strong><font color="FireBrick">1</font></strong>. Merci de ne pas écrire d'insultes. <strong><font color="FireBrick">2</font></strong>. Tes problèmes par MP tu arrangeras. <strong><font color="FireBrick">3</font></strong>. Un lieu de convivialité ce sera. <strong><font color="FireBrick">4</font></strong>. Pas de PUB de forums sur la Chat Box. <strong><font color="FireBrick">5</font></strong>. Éclatez-vous tout simplement. ♥</span></div></div></td></tr></table>

après il suffit de raccourcir l'image via le code html si elle est trop grande.

[Cass']

Ça marche parfaitement Lixyr, merci beaucoup, sincèrement. <3 Le Problème est donc résolu. :3