Problème sur PA avec image.

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

Résolu Problème sur PA avec image.

Message par Cass' le Lun 6 Juin 2011 - 10:14

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>

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème sur PA avec image.

Message par Anzu le Lun 6 Juin 2011 - 10:18

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 Razz)

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème sur PA avec image.

Message par Cass' le Lun 6 Juin 2011 - 11:26

Bonjour Anzu ! :3 Alors tout d'abord merci de répondre à mon problème. Voici donc le lien de l'image : http://i54.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

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème sur PA avec image.

Message par Lixyr le Lun 6 Juin 2011 - 15:01

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.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème sur PA avec image.

Message par Cass' le Lun 6 Juin 2011 - 15:54

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

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' 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