Problème de code sur PA

[Chocobo Crescent]

Bonjour, je suis nouvelle sur ce forum et je fais appel à vous !

Je suis fondatrice d'un forum qui est celui-ci : http://finalfantasyearth.asiat-world.com
Je ne suis pas sûre de sa version mais je pense qu'il est en phbb2. J'utilise Google Chrome et j'ai modifié mes templates et mon CSS.

Mon problème est donc le suivant..

J'ai utilisé IMAPIC2 pour pouvoir intégrer des liens dans une image, j'ai fais cela pour mes images de topsites. J'ai bien suivi le tutoriel mais mon image est décalé sur le dessus et n'est plus à sa place initiale. (là où montre la flèche)

Screenshoot ci-dessous :



Le code est le suivant :

Code:

 <img src="http://i34.servimg.com/u/f34/12/24/67/07/27004610.jpg" alt="270046004e582228800c9dsqdqdq (1).bmp" usemap="#270046004e582228800c9dsqdqdq (1).bmp" style="border: 0;" />

<map name="270046004e582228800c9dsqdqdq (1).bmp">
    <area shape="rect" coords="507,113,653,252" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=9289]Final Fantasy Earth" target="" alt="" />
    <area shape="rect" coords="656,232,822,346" href="http://www.root-top.com/topsite/korben/in.php?ID=12753]TOP  Des Meilleurs RPG" target="" alt="" />
    <area shape="rect" coords="758,114,864,227" href="http://www.root-top.com/topsite/mary/in.php?ID=6117]Final Fantasy Earth" target="" alt="" />

</map>


Je pense que je dois fusionner les autres codes de ma PA avec celui-ci mais je ne comprend ou ne voit pas comment faire.

Je vous remercie d'avance de la prise en compte de mon problème.

Cordialement.

C. Crescent.

[Automne]

Bonjour,

Le problème c'est que votre image a une dimension de 800px × 622px, il serait préférable de la redimensionner. Il serait aussi préférable de la mettre dans un div, afin de pouvoir la positionner avec du css.

Code:

<div class="table"><img src="http://i34.servimg.com/u/f34/12/24/67/07/27004610.jpg" alt="270046004e582228800c9dsqdqdq (1).bmp" usemap="#270046004e582228800c9dsqdqdq (1).bmp" style="border: 0; height="350px"; width="350px";" />
       
        <map name="270046004e582228800c9dsqdqdq (1).bmp">
            <area shape="rect" coords="507,113,653,252" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=9289]Final Fantasy Earth" target="" alt="" />
            <area shape="rect" coords="656,232,822,346" href="http://www.root-top.com/topsite/korben/in.php?ID=12753]TOP  Des Meilleurs RPG" target="" alt="" />
            <area shape="rect" coords="758,114,864,227" href="http://www.root-top.com/topsite/mary/in.php?ID=6117]Final Fantasy Earth" target="" alt="" />
       
        </map></div>


Ensuite dans votre tableau, il faut rajouter une colonne. Placer votre image comme ceci (j'ai fait des sauts de ligne important pour que vous retrouviez vos codes entre )

Code:

<br>Sa Fiche
<br><a href="http://finalfantasyearth.asiat-world.com/privmsg?mode=post&u=3" class="postlink">La Contacter </a></td>


<td><div class="table"><img src="http://i34.servimg.com/u/f34/12/24/67/07/27004610.jpg" alt="270046004e582228800c9dsqdqdq (1).bmp" usemap="#270046004e582228800c9dsqdqdq (1).bmp" style="border: 0; height="350px"; width="350px";" />
                <map name="270046004e582228800c9dsqdqdq (1).bmp">
            <area shape="rect" coords="507,113,653,252" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=9289]Final Fantasy Earth" target="" alt="" />
            <area shape="rect" coords="656,232,822,346" href="http://www.root-top.com/topsite/korben/in.php?ID=12753]TOP  Des Meilleurs RPG" target="" alt="" />
            <area shape="rect" coords="758,114,864,227" href="http://www.root-top.com/topsite/mary/in.php?ID=6117]Final Fantasy Earth" target="" alt="" />
                </map></div>
</td>



</tr></table>
</span><br>
<br></div>
<br>
<br>
<br>
</td></tr>
</div>
<td valign="top"><div style="width: 400px; text-align: justify;"><div class="title1">Intrigue </div><center><table><tbody><tr><td>
<br>

Vous pouvez ensuite lui appliquer du css a cette image pour la positionner, exemple

Code:

.table{
  margin-left:30px; margin-top:-30px;
}


[Chocobo Crescent]

Bonjour,

Excusez-moi du retard !

Tout est bon, cela marche )

Merci beaucoup à vous !

C.Crescent !