Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

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

Résolu Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Lun 9 Nov 2015 - 0:30

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://rpgssmondedestenebre.forumsgratuits.fr/

Description du problème

Bonjour,

Voilà, je tente de créer une page d'accueil interactive, sur laquelle s'affichera les effectifs de mes groupes.
J'ai les codes (grâce à Evaliah), mais l'assemblage n'est pas terrible.

Voici le code actuel:

Code:
<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="PaintShop Pro">
<title>   </title>
</head>
<body>

<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="1000">

<tr>
<td rowspan="1" colspan="8" width="113" height="43">
   <img name="test20" src="test2_1x1.png" width="113" height="43" border="0" alt="" /></td>
[...]
<td rowspan="1" colspan="7" width="105" height="16">
   <img name="test214" src="test2_3x1.png" width="105" height="16" border="0" alt="" /></td>
<td rowspan="2" colspan="1" width="44" height="29">
   <div id="Odin><img name="test215" src="test2_3x2.png" width="44" height="29" border="0" alt="Odin"></div><div id="ase_group"></div>
        <h1 id="ase"></h1>
        <SCRIPT>
        $("#ase_group").load("g8- form [name='post']", function(){
        var n_ase=$("#ase_group a.gen").lenght-2;
        $("#ase").html(n_ase);
        });
#Odin {position: absolute; z-index: 1;}
#ase_group {position: absolute; z-index: -2;}
#ase {position: absolute; z-index: 2; top: 0px; left: 0px; background-color: #080d32;}
h1 {font-familiy: Cursive, serif; font-weight: bold; font-size: 4px; color: white; background-color: #080d32; text-align: center; visibility: collapse;}
        </SCRIPT></td>
<td rowspan="14" colspan="1" width="172" height="331">
   <img name="test216" src="test2_3x3.png" width="172" height="331" border="0" alt="" /></td>
[...]
</tr>
</table>
<!-- End Table -->

</body>
</html>

Actuellement, voici ce qui, semble t il, s'affichera:

Spoiler:

Pourriez vous m'aider à faire apparaitre mes effectifs sur mon image, svp?

Code:
<td rowspan="2" colspan="1" width="44" height="29">
   <div id="Odin><img name="test215" src="test2_3x2.png" width="44" height="29" border="0" alt="Odin"></div><div id="ase_group"></div>
        <h1 id="ase"></h1>
        <SCRIPT>
        $("#ase_group").load("g8- form [name='post']", function(){
        var n_ase=$("#ase_group a.gen").lenght-2;
        $("#ase").html(n_ase);
        });
#Odin {position: absolute; z-index: 1;}
#ase_group {position: absolute; z-index: -2;}
#ase {position: absolute; z-index: 2; top: 0px; left: 0px; background-color: #080d32;}
h1 {font-familiy: Cursive, serif; font-weight: bold; font-size: 4px; color: white; background-color: #080d32; text-align: center; visibility: collapse;}
        </SCRIPT></td>

EDIT: Je viens de l'appliquer à mon forum, et constate un décalage dû à ma div, je pense :/

En outre, une nouvelle question se pose:

Sur mon hébergeur d'image, ma transparence est conservée:



Mais pas sur le forum:

http://rpgssmondedestenebre.forumsgratuits.fr/

Quelqu'un saurait il pourquoi et comment y remédier, svp?

Voici mon code sans la partie concernant mes tentative d'affichage des effectifs:

Code:
 <meta name="Author" content="" /><meta name="Generator" content="PaintShop Pro" /><title> </title>
<!--              Begin Table              -->
<table style="width: 1000px;" border="0" cellpadding="0" cellspacing="0">
                            
   <tbody>
                             
      <tr>
                                
         <td style="width: 113px; height: 43px;" rowspan="1" colspan="8">
                          <img id="test20" style="width: 113px; height: 43px;" src="http://img11.hostingpics.net/pics/968975test21x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 87px; height: 546px;" rowspan="16" colspan="1">
                          <img id="test21" style="width: 87px; height: 546px;" src="http://img11.hostingpics.net/pics/673751test21x2.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 81px; height: 43px;" rowspan="1" colspan="2">
                          <img id="test22" style="width: 81px; height: 43px;" src="http://img11.hostingpics.net/pics/387362test21x3.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 401px; height: 215px;" rowspan="2" colspan="3">
                          <img id="test23" style="width: 401px; height: 215px;" src="http://img11.hostingpics.net/pics/409221test21x4.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 65px; height: 379px;" rowspan="7" colspan="2">
                          <img id="test24" style="width: 65px; height: 379px;" src="http://img11.hostingpics.net/pics/872792test21x5.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 215px;" rowspan="2" colspan="1">
                          <img id="test25" style="width: 40px; height: 215px;" src="http://img11.hostingpics.net/pics/317865test21x6.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 100px; height: 546px;" rowspan="16" colspan="1">
                          <img id="test26" style="width: 100px; height: 546px;" src="http://img11.hostingpics.net/pics/756733test21x7.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 113px; height: 43px;" rowspan="1" colspan="7">
                          <img id="test27" style="width: 113px; height: 43px;" src="http://img11.hostingpics.net/pics/730451test21x8.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 43px;">
                          <img id="blank" style="width: 1px; height: 43px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 8px; height: 362px;" rowspan="7" colspan="1">
                          <img id="test28" style="width: 8px; height: 362px;" src="http://img11.hostingpics.net/pics/528207test22x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 105px; height: 172px;" rowspan="1" colspan="7">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/privmsg?mode=post&u=1" target="_blank" onmouseover="if(document.images) document.test29.src='http://img11.hostingpics.net/pics/365795mpbogus.png';" onmouseout="if(document.images) document.test29.src='http://img11.hostingpics.net/pics/421998bogus.png';"><img id="test29" style="width: 105px; height: 172px;" src="http://img11.hostingpics.net/pics/963938test22x2.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 44px; height: 172px;" rowspan="1" colspan="1">
                          <img id="test210" style="width: 44px; height: 172px;" src="http://img11.hostingpics.net/pics/975381test22x3.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 37px; height: 436px;" rowspan="9" colspan="1">
                          <img id="test211" style="width: 37px; height: 436px;" src="http://img11.hostingpics.net/pics/633146test22x4.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 103px; height: 172px;" rowspan="1" colspan="6">
                          <a href="#" onmouseover="if(document.images) document.test212.src='http://img11.hostingpics.net/pics/569667inconnu.png';" onmouseout="if(document.images) document.test212.src='http://img11.hostingpics.net/pics/228937test22x5.png';"><img id="test212" style="width: 103px; height: 172px;" src="http://img11.hostingpics.net/pics/228937test22x5.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 10px; height: 362px;" rowspan="7" colspan="1">
                          <img id="test213" style="width: 10px; height: 362px;" src="http://img11.hostingpics.net/pics/595474test22x6.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 172px;">
                          <img id="blank" style="width: 1px; height: 172px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 105px; height: 16px;" rowspan="1" colspan="7">
                          <img id="test214" style="width: 105px; height: 16px;" src="http://img11.hostingpics.net/pics/585600test23x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 44px; height: 29px;" rowspan="2" colspan="1">
                                      <img id=" test215" =""="" src="http://img11.hostingpics.net/pics/738130test23x2.png" alt="Odin" border="0" />
         </td>
                                
         <td style="width: 172px; height: 331px;" rowspan="14" colspan="1">
                          <img id="test216" style="width: 172px; height: 331px;" src="http://img11.hostingpics.net/pics/190673test23x3.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 229px; height: 303px;" rowspan="10" colspan="2">
                          <img id="test217" style="width: 229px; height: 303px;" src="http://img11.hostingpics.net/pics/856064test23x4.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 38px;" rowspan="3" colspan="1">
                          <img id="test218" style="width: 40px; height: 38px;" src="http://img11.hostingpics.net/pics/245347test23x5.png" alt="Loki" border="0" />           
         </td>
                                
         <td style="width: 103px; height: 16px;" rowspan="1" colspan="6">
                          <img id="test219" style="width: 103px; height: 16px;" src="http://img11.hostingpics.net/pics/218284test23x6.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 16px;">
                          <img id="blank" style="width: 1px; height: 16px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 105px; height: 174px;" rowspan="5" colspan="7">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/privmsg?mode=post&u=2" target="_blank" onmouseover="if(document.images) document.test220.src='http://img11.hostingpics.net/pics/549110mpyugai.png';" onmouseout="if(document.images) document.test220.src='http://img11.hostingpics.net/pics/218017yugai.png';"><img id="test220" style="width: 105px; height: 174px;" src="http://img11.hostingpics.net/pics/682688test24x1.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 103px; height: 174px;" rowspan="5" colspan="6">
                          <a href="#" onmouseover="if(document.images) document.test221.src='http://img11.hostingpics.net/pics/569667inconnu.png';" onmouseout="if(document.images) document.test221.src='http://img11.hostingpics.net/pics/961248test24x2.png';"><img id="test221" style="width: 103px; height: 174px;" src="http://img11.hostingpics.net/pics/961248test24x2.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 1px; height: 13px;">
                          <img id="blank" style="width: 1px; height: 13px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 44px; height: 130px;" rowspan="2" colspan="1">
                          <img id="test222" style="width: 44px; height: 130px;" src="http://img11.hostingpics.net/pics/726068test25x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 9px;">
                          <img id="blank" style="width: 1px; height: 9px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 40px; height: 126px;" rowspan="2" colspan="1">
                          <img id="test223" style="width: 40px; height: 126px;" src="http://img11.hostingpics.net/pics/593866test26x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 121px;">
                          <img id="blank" style="width: 1px; height: 121px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 44px; height: 31px;" rowspan="2" colspan="1">
                          <img id="test224" style="width: 44px; height: 31px;" src="http://img11.hostingpics.net/pics/849679test27x1.png" alt="Poseidon" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 5px;">
                          <img id="blank" style="width: 1px; height: 5px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 40px; height: 100px;" rowspan="3" colspan="1">
                          <img id="test225" style="width: 40px; height: 100px;" src="http://img11.hostingpics.net/pics/230598test28x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 25px; height: 167px;" rowspan="9" colspan="1">
                          <img id="test226" style="width: 25px; height: 167px;" src="http://img11.hostingpics.net/pics/411486test28x2.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 26px;" rowspan="1" colspan="1">
                          <img id="test227" style="width: 40px; height: 26px;" src="http://img11.hostingpics.net/pics/618489test28x3.png" alt="Eris" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 26px;">
                          <img id="blank" style="width: 1px; height: 26px;" src="http://img11.hostingpics.net/pics/587580blank.gif" =""="" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 9px; height: 141px;" rowspan="8" colspan="2">
                          <img id="test228" style="width: 9px; height: 141px;" src="http://img11.hostingpics.net/pics/480039test29x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 23px; height: 9px;" rowspan="1" colspan="1">
                          <img id="test229" style="width: 23px; height: 9px;" src="http://img11.hostingpics.net/pics/187497test29x2.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 16px; height: 141px;" rowspan="8" colspan="1">
                          <img id="test230" style="width: 16px; height: 141px;" src="http://img11.hostingpics.net/pics/280831test29x3.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 9px;" rowspan="1" colspan="1">
                          <img id="test231" style="width: 24px; height: 9px;" src="http://img11.hostingpics.net/pics/573710test29x4.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 17px; height: 141px;" rowspan="8" colspan="1">
                          <img id="test232" style="width: 17px; height: 141px;" src="http://img11.hostingpics.net/pics/714603test29x5.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 21px; height: 9px;" rowspan="1" colspan="1">
                          <img id="test233" style="width: 21px; height: 9px;" src="http://img11.hostingpics.net/pics/143984test29x6.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 3px; height: 136px;" rowspan="7" colspan="1">
                          <img id="test234" style="width: 3px; height: 136px;" src="http://img11.hostingpics.net/pics/500015test29x7.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 44px; height: 141px;" rowspan="8" colspan="1">
                          <img id="test235" style="width: 44px; height: 141px;" src="http://img11.hostingpics.net/pics/242169test29x8.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 141px;" rowspan="8" colspan="1">
                          <img id="test236" style="width: 40px; height: 141px;" src="http://img11.hostingpics.net/pics/562140test29x9.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 2px; height: 135px;" rowspan="6" colspan="1">
                          <img id="test237" style="width: 2px; height: 135px;" src="http://img11.hostingpics.net/pics/913585test29x10.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 23px; height: 9px;" rowspan="1" colspan="1">
                          <img id="test238" style="width: 23px; height: 9px;" src="http://img11.hostingpics.net/pics/942960test29x11.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 14px; height: 141px;" rowspan="8" colspan="1">
                          <img id="test239" style="width: 14px; height: 141px;" src="http://img11.hostingpics.net/pics/302267test29x12.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 9px;" rowspan="1" colspan="1">
                          <img id="test240" style="width: 24px; height: 9px;" src="http://img11.hostingpics.net/pics/832338test29x13.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 16px; height: 141px;" rowspan="8" colspan="1">
                          <img id="test241" style="width: 16px; height: 141px;" src="http://img11.hostingpics.net/pics/222534test29x14.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 9px;" rowspan="1" colspan="1">
                          <img id="test242" style="width: 24px; height: 9px;" src="http://img11.hostingpics.net/pics/340645test29x15.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 10px; height: 141px;" rowspan="8" colspan="1">
                          <img id="test243" style="width: 10px; height: 141px;" src="http://img11.hostingpics.net/pics/882688test29x16.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 9px;">
                          <img id="blank" style="width: 1px; height: 9px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 23px; height: 127px;" rowspan="6" colspan="1">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t1-regles-du-forum-et-du-rp" target="_blank"><img id="test244" style="width: 23px; height: 127px;" src="http://img11.hostingpics.net/pics/239128test210x1.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 24px; height: 127px;" rowspan="6" colspan="1">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t51-les-armures-disponibles" target="_blank"><img id="test245" style="width: 24px; height: 127px;" src="http://img11.hostingpics.net/pics/219052test210x2.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 21px; height: 127px;" rowspan="6" colspan="1">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t137-foire-aux-questions" target="_blank"><img id="test246" style="width: 21px; height: 127px;" src="http://img11.hostingpics.net/pics/427027test210x3.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 23px; height: 126px;" rowspan="5" colspan="1">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t3-background-du-forum" target="_blank"><img id="test247" style="width: 23px; height: 126px;" src="http://img11.hostingpics.net/pics/655287test210x4.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 24px; height: 126px;" rowspan="5" colspan="1">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t119-news-generales" target="_blank"><img id="test248" style="width: 24px; height: 126px;" src="http://img11.hostingpics.net/pics/572099test210x5.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 24px; height: 126px;" rowspan="5" colspan="1">
                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/f159-evenements" target="_blank"><img id="test249" style="width: 24px; height: 126px;" src="http://img11.hostingpics.net/pics/570586test210x6.png" alt="" border="0" /></a>           
         </td>
                                
         <td style="width: 1px; height: 65px;">
                          <img id="blank" style="width: 1px; height: 65px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 37px; height: 24px;" rowspan="1" colspan="1">
                          <img id="test250" style="width: 37px; height: 24px;" src="http://img11.hostingpics.net/pics/224838test211x1.png" alt="Athena" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 24px;" rowspan="1" colspan="1">
                          <img id="test251" style="width: 40px; height: 24px;" src="http://img11.hostingpics.net/pics/357430test211x2.png" alt="Hades" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 24px;">
                          <img id="blank" style="width: 1px; height: 24px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 37px; height: 43px;" rowspan="5" colspan="1">
                          <img id="test252" style="width: 37px; height: 43px;" src="http://img11.hostingpics.net/pics/256084test212x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 43px;" rowspan="5" colspan="1">
                          <img id="test253" style="width: 40px; height: 43px;" src="http://img11.hostingpics.net/pics/329610test212x2.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 15px;">
                          <img id="blank" style="width: 1px; height: 15px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 47px; height: 20px;" rowspan="1" colspan="1">
                          <img id="test254" style="width: 47px; height: 20px;" src="http://img11.hostingpics.net/pics/263728test213x1.png" alt="Apprentis" border="0" />           
         </td>
                                
         <td style="width: 182px; height: 20px;" rowspan="1" colspan="1">
                          <img id="test255" style="width: 182px; height: 20px;" src="http://img11.hostingpics.net/pics/252493test213x2.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 20px;">
                          <img id="blank" style="width: 1px; height: 20px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 229px; height: 8px;" rowspan="3" colspan="2">
                          <img id="test256" style="width: 229px; height: 8px;" src="http://img11.hostingpics.net/pics/730217test214x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 2px;">
                          <img id="blank" style="width: 1px; height: 2px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 2px; height: 6px;" rowspan="2" colspan="1">
                          <img id="test257" style="width: 2px; height: 6px;" src="http://img11.hostingpics.net/pics/482735test215x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 23px; height: 6px;" rowspan="2" colspan="1">
                          <img id="test258" style="width: 23px; height: 6px;" src="http://img11.hostingpics.net/pics/837664test215x2.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 6px;" rowspan="2" colspan="1">
                          <img id="test259" style="width: 24px; height: 6px;" src="http://img11.hostingpics.net/pics/468751test215x3.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 6px;" rowspan="2" colspan="1">
                          <img id="test260" style="width: 24px; height: 6px;" src="http://img11.hostingpics.net/pics/615283test215x4.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 1px;">
                          <img id="blank" style="width: 1px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 23px; height: 5px;" rowspan="1" colspan="1">
                          <img id="test261" style="width: 23px; height: 5px;" src="http://img11.hostingpics.net/pics/888149test216x1.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 5px;" rowspan="1" colspan="1">
                          <img id="test262" style="width: 24px; height: 5px;" src="http://img11.hostingpics.net/pics/721927test216x2.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 21px; height: 5px;" rowspan="1" colspan="1">
                          <img id="test263" style="width: 21px; height: 5px;" src="http://img11.hostingpics.net/pics/263495test216x3.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 3px; height: 5px;" rowspan="1" colspan="1">
                          <img id="test264" style="width: 3px; height: 5px;" src="http://img11.hostingpics.net/pics/188262test216x4.png" alt="" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 5px;">
                          <img id="blank" style="width: 1px; height: 5px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                               
      <tr>
                                
         <td style="width: 8px; height: 1px;">
                          <img id="汢?k" style="width: 8px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 1px; height: 1px;">
                          <img id="汢?k" style="width: 1px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 23px; height: 1px;">
                          <img id="汢?k" style="width: 23px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 16px; height: 1px;">
                          <img id="汢?k" style="width: 16px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 1px;">
                          <img id="汢?k" style="width: 24px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 17px; height: 1px;">
                          <img id="汢?k" style="width: 17px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 21px; height: 1px;">
                          <img id="汢?k" style="width: 21px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 3px; height: 1px;">
                          <img id="汢?k" style="width: 3px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 87px; height: 1px;">
                          <img id="汢?k" style="width: 87px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 44px; height: 1px;">
                          <img id="汢?k" style="width: 44px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 37px; height: 1px;">
                          <img id="汢?k" style="width: 37px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 172px; height: 1px;">
                          <img id="汢?k" style="width: 172px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 47px; height: 1px;">
                          <img id="汢?k" style="width: 47px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 182px; height: 1px;">
                          <img id="汢?k" style="width: 182px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 1px;">
                          <img id="汢?k" style="width: 40px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 25px; height: 1px;">
                          <img id="汢?k" style="width: 25px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 40px; height: 1px;">
                          <img id="汢?k" style="width: 40px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 100px; height: 1px;">
                          <img id="汢?k" style="width: 100px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 2px; height: 1px;">
                          <img id="汢?k" style="width: 2px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 23px; height: 1px;">
                          <img id="汢?k" style="width: 23px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 14px; height: 1px;">
                          <img id="汢?k" style="width: 14px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 1px;">
                          <img id="汢?k" style="width: 24px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 16px; height: 1px;">
                          <img id="汢?k" style="width: 16px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 24px; height: 1px;">
                          <img id="汢?k" style="width: 24px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
         <td style="width: 10px; height: 1px;">
                          <img id="汢?k" style="width: 10px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />           
         </td>
                                
      </tr>
                             
   </tbody>
</table>
<!--              End Table              -->

Cordialement,

Dnumroj

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Mar 10 Nov 2015 - 8:41

Up, svp^^

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Mer 11 Nov 2015 - 11:02

up^^
EDIT: incident de transparence résolu

EDIT 2: Après de longues recherches sur le net, j'ai modifié mon code en ceci (pour le moment juste pour les effectifs des ases):

Code:
    <meta name="Author" content="" /><meta name="Generator" content="PaintShop Pro" /><title> </title>
<!--                                                Begin Table                                                -->
<table style="width: 1000px;" border="0" cellpadding="0" cellspacing="0">
                                                                                                
   <tbody>
                                                                                                 
      <tr>
                                                                                                    
         <td style="width: 113px; height: 43px;" rowspan="1" colspan="8">
                                                            <img id="test20" style="width: 113px; height: 43px;" src="http://img11.hostingpics.net/pics/279079test21x1Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 87px; height: 546px;" rowspan="16" colspan="1">
                                                            <img id="test21" style="width: 87px; height: 546px;" src="http://img11.hostingpics.net/pics/156917test21x2Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 81px; height: 43px;" rowspan="1" colspan="2">
                                                            <img id="test22" style="width: 81px; height: 43px;" src="http://img11.hostingpics.net/pics/566569test21x3Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 401px; height: 215px;" rowspan="2" colspan="3">
                                                            <img id="test23" style="width: 401px; height: 215px;" src="http://img11.hostingpics.net/pics/504659test21x4Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 65px; height: 379px;" rowspan="7" colspan="2">
                                                            <img id="test24" style="width: 65px; height: 379px;" src="http://img11.hostingpics.net/pics/706454test21x5Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 40px; height: 215px;" rowspan="2" colspan="1">
                                                            <img id="test25" style="width: 40px; height: 215px;" src="http://img11.hostingpics.net/pics/281156test21x6Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 100px; height: 546px;" rowspan="16" colspan="1">
                                                            <img id="test26" style="width: 100px; height: 546px;" src="http://img11.hostingpics.net/pics/515658test21x7Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 113px; height: 43px;" rowspan="1" colspan="7">
                                                            <img id="test27" style="width: 113px; height: 43px;" src="http://img11.hostingpics.net/pics/111654test21x8Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 1px; height: 43px;">
                                                            <img id="blank" style="width: 1px; height: 43px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                    
      </tr>
                                                                                                   
      <tr>
                                                                                                    
         <td style="width: 8px; height: 362px;" rowspan="7" colspan="1">
                                                            <img id="test28" style="width: 8px; height: 362px;" src="http://img11.hostingpics.net/pics/528207test22x1.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 105px; height: 172px;" rowspan="1" colspan="7">
                                                            <a href="http://rpgssmondedestenebre.forumsgratuits.fr/privmsg?mode=post&u=1" target="_blank" onmouseover="if(document.images) document.test29.src='http://img11.hostingpics.net/pics/365795mpbogus.png';" onmouseout="if(document.images) document.test29.src='http://img11.hostingpics.net/pics/421998bogus.png';"><img id="test29" style="width: 105px; height: 172px;" src="http://img11.hostingpics.net/pics/963938test22x2.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                    
         <td style="width: 44px; height: 172px;" rowspan="1" colspan="1">
                                                            <img id="test210" style="width: 44px; height: 172px;" src="http://img11.hostingpics.net/pics/479167test22x3Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 37px; height: 436px;" rowspan="9" colspan="1">
                                                            <img id="test211" style="width: 37px; height: 436px;" src="http://img11.hostingpics.net/pics/658256test22x4Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 103px; height: 172px;" rowspan="1" colspan="6">
                                                            <a href="#" onmouseover="if(document.images) document.test212.src='http://img11.hostingpics.net/pics/569667inconnu.png';" onmouseout="if(document.images) document.test212.src='http://img11.hostingpics.net/pics/228937test22x5.png';"><img id="test212" style="width: 103px; height: 172px;" src="http://img11.hostingpics.net/pics/228937test22x5.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                    
         <td style="width: 10px; height: 362px;" rowspan="7" colspan="1">
                                                            <img id="test213" style="width: 10px; height: 362px;" src="http://img11.hostingpics.net/pics/595474test22x6.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td style="width: 1px; height: 172px;">
                                                            <img id="blank" style="width: 1px; height: 172px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                    
      </tr>
                                                                                                   
      <tr>
                                                                                                    
         <td style="width: 105px; height: 16px;" rowspan="1" colspan="7">
                                                            <img id="test214" style="width: 105px; height: 16px;" src="http://img11.hostingpics.net/pics/585600test23x1.png" alt="" border="0" />                                             
         </td>
                                                                                                    
         <td class="ase_group" style="width: 44px; height: 29px;" rowspan="2" colspan="1">
              <script src="http://rpgssmondedestenebre.forumsgratuits.fr/10893.js">
            <p id="ase">
               
            </p>
.ase_group { 
background-image: url("http://img11.hostingpics.net/pics/738130test23x2.png"); 
color: black; 
width: 100%; 
text-align: center;
}; 
.ase {     
width: 100%;     
margin: 2px;     
padding: 2px;     
border-radius: 2px white solid;     
text-align: center; 
};                                                     
         </script>
         </td>
                                                                                                  
         <td style="width: 172px; height: 331px;" rowspan="14" colspan="1">
                                                          <img id="test216" style="width: 172px; height: 331px;" src="http://img11.hostingpics.net/pics/451908test23x3Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 229px; height: 303px;" rowspan="10" colspan="2">
                                                          <img id="test217" style="width: 229px; height: 303px;" src="http://img11.hostingpics.net/pics/892357test23x4Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 40px; height: 38px;" rowspan="3" colspan="1">
                                                          <img id="test218" style="width: 40px; height: 38px;" src="http://img11.hostingpics.net/pics/618568test23x5Copie.png" alt="Loki" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 103px; height: 16px;" rowspan="1" colspan="6">
                                                          <img id="test219" style="width: 103px; height: 16px;" src="http://img11.hostingpics.net/pics/218284test23x6.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 16px;">
                                                          <img id="blank" style="width: 1px; height: 16px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 105px; height: 174px;" rowspan="5" colspan="7">
                                                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/privmsg?mode=post&u=2" target="_blank" onmouseover="if(document.images) document.test220.src='http://img11.hostingpics.net/pics/549110mpyugai.png';" onmouseout="if(document.images) document.test220.src='http://img11.hostingpics.net/pics/218017yugai.png';"><img id="test220" style="width: 105px; height: 174px;" src="http://img11.hostingpics.net/pics/682688test24x1.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 103px; height: 174px;" rowspan="5" colspan="6">
                                                          <a href="#" onmouseover="if(document.images) document.test221.src='http://img11.hostingpics.net/pics/569667inconnu.png';" onmouseout="if(document.images) document.test221.src='http://img11.hostingpics.net/pics/961248test24x2.png';"><img id="test221" style="width: 103px; height: 174px;" src="http://img11.hostingpics.net/pics/961248test24x2.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 13px;">
                                                          <img id="blank" style="width: 1px; height: 13px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 44px; height: 130px;" rowspan="2" colspan="1">
                                                          <img id="test222" style="width: 44px; height: 130px;" src="http://img11.hostingpics.net/pics/955302test25x1Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 9px;">
                                                          <img id="blank" style="width: 1px; height: 9px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 40px; height: 126px;" rowspan="2" colspan="1">
                                                          <img id="test223" style="width: 40px; height: 126px;" src="http://img11.hostingpics.net/pics/906762test26x1Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 121px;">
                                                          <img id="blank" style="width: 1px; height: 121px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 44px; height: 31px;" rowspan="2" colspan="1">
                                                          <img id="test224" style="width: 44px; height: 31px;" src="http://img11.hostingpics.net/pics/577702test27x1Copie.png" alt="Poseidon" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 5px;">
                                                          <img id="blank" style="width: 1px; height: 5px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 40px; height: 100px;" rowspan="3" colspan="1">
                                                          <img id="test225" style="width: 40px; height: 100px;" src="http://img11.hostingpics.net/pics/518660test28x1Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 25px; height: 167px;" rowspan="9" colspan="1">
                                                          <img id="test226" style="width: 25px; height: 167px;" src="http://img11.hostingpics.net/pics/667345test28x2Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 40px; height: 26px;" rowspan="1" colspan="1">
                                                          <img id="test227" style="width: 40px; height: 26px;" src="http://img11.hostingpics.net/pics/959577test28x3Copie.png" alt="Eris" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 26px;">
                                                          <img id="blank" style="width: 1px; height: 26px;" src="http://img11.hostingpics.net/pics/587580blank.gif" =""="" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 9px; height: 141px;" rowspan="8" colspan="2">
                                                          <img id="test228" style="width: 9px; height: 141px;" src="http://img11.hostingpics.net/pics/480039test29x1.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 23px; height: 9px;" rowspan="1" colspan="1">
                                                          <img id="test229" style="width: 23px; height: 9px;" src="http://img11.hostingpics.net/pics/187497test29x2.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 16px; height: 141px;" rowspan="8" colspan="1">
                                                          <img id="test230" style="width: 16px; height: 141px;" src="http://img11.hostingpics.net/pics/280831test29x3.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 9px;" rowspan="1" colspan="1">
                                                          <img id="test231" style="width: 24px; height: 9px;" src="http://img11.hostingpics.net/pics/573710test29x4.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 17px; height: 141px;" rowspan="8" colspan="1">
                                                          <img id="test232" style="width: 17px; height: 141px;" src="http://img11.hostingpics.net/pics/714603test29x5.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 21px; height: 9px;" rowspan="1" colspan="1">
                                                          <img id="test233" style="width: 21px; height: 9px;" src="http://img11.hostingpics.net/pics/143984test29x6.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 3px; height: 136px;" rowspan="7" colspan="1">
                                                          <img id="test234" style="width: 3px; height: 136px;" src="http://img11.hostingpics.net/pics/500015test29x7.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 44px; height: 141px;" rowspan="8" colspan="1">
                                                          <img id="test235" style="width: 44px; height: 141px;" src="http://img11.hostingpics.net/pics/349988test29x8Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 40px; height: 141px;" rowspan="8" colspan="1">
                                                          <img id="test236" style="width: 40px; height: 141px;" src="http://img11.hostingpics.net/pics/213475test29x9Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 2px; height: 135px;" rowspan="6" colspan="1">
                                                          <img id="test237" style="width: 2px; height: 135px;" src="http://img11.hostingpics.net/pics/913585test29x10.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 23px; height: 9px;" rowspan="1" colspan="1">
                                                          <img id="test238" style="width: 23px; height: 9px;" src="http://img11.hostingpics.net/pics/833917test29x11Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 14px; height: 141px;" rowspan="8" colspan="1">
                                                          <img id="test239" style="width: 14px; height: 141px;" src="http://img11.hostingpics.net/pics/302267test29x12.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 9px;" rowspan="1" colspan="1">
                                                          <img id="test240" style="width: 24px; height: 9px;" src="http://img11.hostingpics.net/pics/832338test29x13.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 16px; height: 141px;" rowspan="8" colspan="1">
                                                          <img id="test241" style="width: 16px; height: 141px;" src="http://img11.hostingpics.net/pics/222534test29x14.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 9px;" rowspan="1" colspan="1">
                                                          <img id="test242" style="width: 24px; height: 9px;" src="http://img11.hostingpics.net/pics/340645test29x15.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 10px; height: 141px;" rowspan="8" colspan="1">
                                                          <img id="test243" style="width: 10px; height: 141px;" src="http://img11.hostingpics.net/pics/882688test29x16.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 9px;">
                                                          <img id="blank" style="width: 1px; height: 9px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 23px; height: 127px;" rowspan="6" colspan="1">
                                                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t1-regles-du-forum-et-du-rp" target="_blank"><img id="test244" style="width: 23px; height: 127px;" src="http://img11.hostingpics.net/pics/454514test210x1Copie.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 127px;" rowspan="6" colspan="1">
                                                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t51-les-armures-disponibles" target="_blank"><img id="test245" style="width: 24px; height: 127px;" src="http://img11.hostingpics.net/pics/875632test210x2Copie.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 21px; height: 127px;" rowspan="6" colspan="1">
                                                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t137-foire-aux-questions" target="_blank"><img id="test246" style="width: 21px; height: 127px;" src="http://img11.hostingpics.net/pics/924320test210x3Copie.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 23px; height: 126px;" rowspan="5" colspan="1">
                                                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t3-background-du-forum" target="_blank"><img id="test247" style="width: 23px; height: 126px;" src="http://img11.hostingpics.net/pics/792363test210x4Copie.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 126px;" rowspan="5" colspan="1">
                                                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/t119-news-generales" target="_blank"><img id="test248" style="width: 24px; height: 126px;" src="http://img11.hostingpics.net/pics/209450test210x5Copie.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 126px;" rowspan="5" colspan="1">
                                                          <a href="http://rpgssmondedestenebre.forumsgratuits.fr/f159-evenements" target="_blank"><img id="test249" style="width: 24px; height: 126px;" src="http://img11.hostingpics.net/pics/452659test210x6Copie.png" alt="" border="0" /></a>                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 65px;">
                                                          <img id="blank" style="width: 1px; height: 65px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 37px; height: 24px;" rowspan="1" colspan="1">
                                                          <img id="test250" style="width: 37px; height: 24px;" src="http://img15.hostingpics.net/pics/909353test211x1Copie.png" alt="Athena" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 40px; height: 24px;" rowspan="1" colspan="1">
                                                          <img id="test251" style="width: 40px; height: 24px;" src="http://img11.hostingpics.net/pics/357430test211x2.png" alt="Hades" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 24px;">
                                                          <img id="blank" style="width: 1px; height: 24px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 37px; height: 43px;" rowspan="5" colspan="1">
                                                          <img id="test252" style="width: 37px; height: 43px;" src="http://img15.hostingpics.net/pics/752101test212x1Copie.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 40px; height: 43px;" rowspan="5" colspan="1">
                                                          <img id="test253" style="width: 40px; height: 43px;" src="http://img11.hostingpics.net/pics/329610test212x2.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 15px;">
                                                          <img id="blank" style="width: 1px; height: 15px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 47px; height: 20px;" rowspan="1" colspan="1">
                                                          <img id="test254" style="width: 47px; height: 20px;" src="http://img15.hostingpics.net/pics/547541test213x1Copie.png" alt="Apprentis" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 182px; height: 20px;" rowspan="1" colspan="1">
                                                          <img id="test255" style="width: 182px; height: 20px;" src="http://img11.hostingpics.net/pics/252493test213x2.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 20px;">
                                                          <img id="blank" style="width: 1px; height: 20px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 229px; height: 8px;" rowspan="3" colspan="2">
                                                          <img id="test256" style="width: 229px; height: 8px;" src="http://img11.hostingpics.net/pics/730217test214x1.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 2px;">
                                                          <img id="blank" style="width: 1px; height: 2px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 2px; height: 6px;" rowspan="2" colspan="1">
                                                          <img id="test257" style="width: 2px; height: 6px;" src="http://img11.hostingpics.net/pics/482735test215x1.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 23px; height: 6px;" rowspan="2" colspan="1">
                                                          <img id="test258" style="width: 23px; height: 6px;" src="http://img11.hostingpics.net/pics/837664test215x2.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 6px;" rowspan="2" colspan="1">
                                                          <img id="test259" style="width: 24px; height: 6px;" src="http://img11.hostingpics.net/pics/468751test215x3.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 6px;" rowspan="2" colspan="1">
                                                          <img id="test260" style="width: 24px; height: 6px;" src="http://img11.hostingpics.net/pics/615283test215x4.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 1px;">
                                                          <img id="blank" style="width: 1px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 23px; height: 5px;" rowspan="1" colspan="1">
                                                          <img id="test261" style="width: 23px; height: 5px;" src="http://img11.hostingpics.net/pics/888149test216x1.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 5px;" rowspan="1" colspan="1">
                                                          <img id="test262" style="width: 24px; height: 5px;" src="http://img11.hostingpics.net/pics/721927test216x2.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 21px; height: 5px;" rowspan="1" colspan="1">
                                                          <img id="test263" style="width: 21px; height: 5px;" src="http://img11.hostingpics.net/pics/263495test216x3.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 3px; height: 5px;" rowspan="1" colspan="1">
                                                          <img id="test264" style="width: 3px; height: 5px;" src="http://img11.hostingpics.net/pics/188262test216x4.png" alt="" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 5px;">
                                                          <img id="blank" style="width: 1px; height: 5px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                                 
      <tr>
                                                                                                  
         <td style="width: 8px; height: 1px;">
                                                          <img id="汢?k" style="width: 8px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 1px; height: 1px;">
                                                          <img id="汢?k" style="width: 1px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 23px; height: 1px;">
                                                          <img id="汢?k" style="width: 23px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 16px; height: 1px;">
                                                          <img id="汢?k" style="width: 16px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 1px;">
                                                          <img id="汢?k" style="width: 24px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 17px; height: 1px;">
                                                          <img id="汢?k" style="width: 17px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 21px; height: 1px;">
                                                          <img id="汢?k" style="width: 21px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 3px; height: 1px;">
                                                          <img id="汢?k" style="width: 3px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 87px; height: 1px;">
                                                          <img id="汢?k" style="width: 87px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 44px; height: 1px;">
                                                          <img id="汢?k" style="width: 44px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 37px; height: 1px;">
                                                          <img id="汢?k" style="width: 37px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 172px; height: 1px;">
                                                          <img id="汢?k" style="width: 172px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 47px; height: 1px;">
                                                          <img id="汢?k" style="width: 47px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 182px; height: 1px;">
                                                          <img id="汢?k" style="width: 182px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 40px; height: 1px;">
                                                          <img id="汢?k" style="width: 40px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 25px; height: 1px;">
                                                          <img id="汢?k" style="width: 25px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 40px; height: 1px;">
                                                          <img id="汢?k" style="width: 40px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 100px; height: 1px;">
                                                          <img id="汢?k" style="width: 100px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 2px; height: 1px;">
                                                          <img id="汢?k" style="width: 2px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 23px; height: 1px;">
                                                          <img id="汢?k" style="width: 23px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 14px; height: 1px;">
                                                          <img id="汢?k" style="width: 14px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 1px;">
                                                          <img id="汢?k" style="width: 24px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 16px; height: 1px;">
                                                          <img id="汢?k" style="width: 16px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 24px; height: 1px;">
                                                          <img id="汢?k" style="width: 24px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
         <td style="width: 10px; height: 1px;">
                                                          <img id="汢?k" style="width: 10px; height: 1px;" src="http://img11.hostingpics.net/pics/587580blank.gif" border="0" />                                             
         </td>
                                                                                                  
      </tr>
                                                                                               
   </tbody>
</table>
Ce code est implanté sur mon image d'accueil.

Pour le code spécifique aux effectifs, il est dans pa>module>gestion des codes javascript (sur index), et la gestion des javascript est activée. Voici le code:

Code:
$("#ase_group").load("g8- form [name='post']", function(){
var n_ase=$("#ase_group a.gen").lenght-2;
$("#ase").html(n_ase);
});

Malheureusement, toujours rien...

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Jeu 12 Nov 2015 - 11:49

up

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Sam 14 Nov 2015 - 16:24

up^^

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Dim 15 Nov 2015 - 20:07

up, svp

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Lun 16 Nov 2015 - 22:58

up

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par MasDan le Mar 17 Nov 2015 - 6:48

Bonjour Dnumroj,

Il y a une erreur lors de l'exécution du javascript car du code CSS a été insérer dans une balise script.



1) remplacer votre balise <script> par
Code:
<style type="text/css">

2) remplacer votre balise </script> par
Code:
</style>



MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

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

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Mar 17 Nov 2015 - 13:56

Bonjour et merci pour votre réponse^^
J'ai effectué le remplacement, mais j'ai toujours pas mes effectifs d'affichés.

EDIT: j'ai tenté de jouer avec les z-index, mais rien non plus.

Code:
<td class="text" style="z-index:1; width: 44px; height: 29px;" rowspan="2" colspan="1">
                            <script src="http://rpgssmondedestenebre.forumsgratuits.fr/10893.js"></script>             
            <div id="ase_group">
                          
               <p id="ase">
                  
               </p>
               
            </div>
                                       
            <p>
               
            </p>
                                <style type="text/css">          
p {
z-index:2         
width: 100%;         
margin: 2px;         
padding: 2px;         
border-radius: 2px white solid;         
text-align: center;     
}; 
#ase_group {
z-index:-1     
background-image: url("http://img11.hostingpics.net/pics/738130test23x2.png");     
color: black;     
width: 100%;     
text-align: center;   
};         
</style>       
         </td>

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Mer 18 Nov 2015 - 15:48

Petit up, svp^^

Juste pour être sûr, j'ai mis mon HTML dans:

PA>Affichage>Généralité>Message sur la page d'accueil (dans le corps).

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Ven 20 Nov 2015 - 8:58

up, svp^^

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Dim 22 Nov 2015 - 10:47

UP

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Mar 24 Nov 2015 - 11:02

up

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Scoubifitz le Mer 25 Nov 2015 - 0:14

@Dnumroj a écrit:

Description du problème

Bonjour,

Voilà, je tente de créer une page d'accueil interactive, sur laquelle s'affichera les effectifs de mes groupes.
J'ai les codes (grâce à Evaliah), mais l'assemblage n'est pas terrible.

Voici le code actuel:

Code:
<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="PaintShop Pro">
<title>   </title>
</head>
<body>

<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="1000">

<tr>
<td rowspan="1" colspan="8" width="113" height="43">
   <img name="test20" src="test2_1x1.png" width="113" height="43" border="0" alt="" /></td>
[...]
<td rowspan="1" colspan="7" width="105" height="16">
   <img name="test214" src="test2_3x1.png" width="105" height="16" border="0" alt="" /></td>
<td rowspan="2" colspan="1" width="44" height="29">
   <div id="Odin><img name="test215" src="test2_3x2.png" width="44" height="29" border="0" alt="Odin"></div><div id="ase_group"></div>
        <h1 id="ase"></h1>
        <SCRIPT>
        $("#ase_group").load("g8- form [name='post']", function(){
        var n_ase=$("#ase_group a.gen").lenght-2;
        $("#ase").html(n_ase);
        });
#Odin {position: absolute; z-index: 1;}
#ase_group {position: absolute; z-index: -2;}
#ase {position: absolute; z-index: 2; top: 0px; left: 0px; background-color: #080d32;}
h1 {font-familiy: Cursive, serif; font-weight: bold; font-size: 4px; color: white; background-color: #080d32; text-align: center; visibility: collapse;}
        </SCRIPT></td>
<td rowspan="14" colspan="1" width="172" height="331">
   <img name="test216" src="test2_3x3.png" width="172" height="331" border="0" alt="" /></td>
[...]
</tr>
</table>
<!-- End Table -->

</body>
</html>

Actuellement, voici ce qui, semble t il, s'affichera:

Spoiler:

Pourriez vous m'aider à faire apparaitre mes effectifs sur mon image, svp?

Code:
<td rowspan="2" colspan="1" width="44" height="29">
   <div id="Odin><img name="test215" src="test2_3x2.png" width="44" height="29" border="0" alt="Odin"></div><div id="ase_group"></div>
        <h1 id="ase"></h1>
        <SCRIPT>
        $("#ase_group").load("g8- form [name='post']", function(){
        var n_ase=$("#ase_group a.gen").lenght-2;
        $("#ase").html(n_ase);
        });
#Odin {position: absolute; z-index: 1;}
#ase_group {position: absolute; z-index: -2;}
#ase {position: absolute; z-index: 2; top: 0px; left: 0px; background-color: #080d32;}
h1 {font-familiy: Cursive, serif; font-weight: bold; font-size: 4px; color: white; background-color: #080d32; text-align: center; visibility: collapse;}
        </SCRIPT></td>

EDIT: Je viens de l'appliquer à mon forum, et constate un décalage dû à ma div, je pense :/
Cordialement,

Dnumroj
@Dnumroj a écrit:up^^
EDIT: incident de transparence résolu

EDIT 2: Après de longues recherches sur le net, j'ai modifié mon code en ceci (pour le moment juste pour les effectifs des ases):

Ce code est implanté sur mon image d'accueil.
Code:
<td class="ase_group" style="width: 44px; height: 29px;" rowspan="2" colspan="1">
              <script src="http://rpgssmondedestenebre.forumsgratuits.fr/10893.js">
            <p id="ase">
             
            </p>
.ase_group {
background-image: url("http://img11.hostingpics.net/pics/738130test23x2.png");
color: black;
width: 100%;
text-align: center;
};
.ase {   
width: 100%;   
margin: 2px;   
padding: 2px;   
border-radius: 2px white solid;   
text-align: center;
};                                                   
        </script>
        </td>
Pour le code spécifique aux effectifs, il est dans pa>module>gestion des codes javascript (sur index), et la gestion des javascript est activée. Voici le code:

Code:
$("#ase_group").load("g8- form [name='post']", function(){
var n_ase=$("#ase_group a.gen").lenght-2;
$("#ase").html(n_ase);
});

Malheureusement, toujours rien...
@Dnumroj a écrit:Bonjour et merci pour votre réponse^^
J'ai effectué le remplacement, mais j'ai toujours pas mes effectifs d'affichés.

EDIT: j'ai tenté de jouer avec les z-index, mais rien non plus.

Code:
<td class="text" style="z-index:1; width: 44px; height: 29px;" rowspan="2" colspan="1">
                            <script src="http://rpgssmondedestenebre.forumsgratuits.fr/10893.js"></script>             
            <div id="ase_group">
                          
               <p id="ase">
                  
               </p>
               
            </div>
                                       
            <p>
               
            </p>
                                <style type="text/css">          
p {
z-index:2         
width: 100%;         
margin: 2px;         
padding: 2px;         
border-radius: 2px white solid;         
text-align: center;     
}; 
#ase_group {
z-index:-1     
background-image: url("http://img11.hostingpics.net/pics/738130test23x2.png");     
color: black;     
width: 100%;     
text-align: center;   
};         
</style>       
         </td>
@Dnumroj a écrit:Petit up, svp^^

Juste pour être sûr, j'ai mis mon HTML dans:

PA>Affichage>Généralité>Message sur la page d'accueil (dans le corps).
Bonsoir ,

Hmmmm ... par où commencer ...

On va faire ça petit à petit ...

Pour le moment , on va oublier le tableau , et se concentrer sur le script .

Comme le disait Evaliah , il faut une div pour charger le tableau de la page du groupe à l'intérieur ,
et un paragraphe (ou une autre div) pour y placer le nombre de membres ...

Le script ne pourra s’exécuter que lorsque ces 2 divs seront crées . Il faut donc le placer après ces divs ...

Le fait de le placer dans les pages javascripts ne sert donc à rien ...

Ensuite , le fait de placer le script dans la case de la page d'accueil va le faire bugger ...

http://forum.forumactif.com/t339896-outrepasser-le-bug-du-caractere

Il y a une astuce pour le contourner .

On va donc juste tester ceci pour le moment :

Code:
<div id="ase_group" style="width:50%;">
</div>
<p id="ase">
</p>
<script>
jQuery("#ase_group").load("/g8- form[name='post']", function(){
var n_ase= jQuery("#ase_group form a.gen").length-2;
jQuery("#ase").html("membre : "+n_ase);
});
</script>

Vous remarquerez qu'il y a un slash devant le groupe , et que "form" est collé au reste du code ...

Le résultat devrait être celui ci : un cadre remplissant la moitié du cadre d'accueil avec la page groupe 8 , et une ligne "membre : X" , X étant le nombre de membres de ce groupe ...

La suite demain ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Mer 25 Nov 2015 - 10:16

Bonjour,

Tout d'abord, mille merci pour cette astuce, je pense qu'elle m'a permis de faire un grand pas en avant. De fait, j'avais essayé au début d'incrémenter le js directement dans mon image d'accueil, mais les $ s'étaient transformés, d'où le déplacement du js^^
De plus, cette fois, il semblerait que le contenu de la div passe au dessus de l'image, ce qui me rend optimiste Very Happy

Mais, malheureusement, j'obtiens ceci:

Spoiler:

Je pense que c'est le contenu de la div qui est passé au dessus, je vais donc tenter de la faire passer au second plan.

EDIT: en changeant le style en display:none, le tableau a disparu, ne laissant que le nombre de membres.
Par contre, j'ai un énorme espacement qui casse l'image...

Spoiler:

Et en changeant "membre: " par "âmes:", j'ai pu gagner une ligne, mais toujours le même problème d'espacement.

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Scoubifitz le Mer 25 Nov 2015 - 22:24

@Scoubifitz a écrit:Pour le moment , on va oublier le tableau , et se concentrer sur le script .

... il suffisait de mettre le bout de code après le tableau ... pas dedans ... Very Happy

Bon , on sait maintenant que ça fonctionne .

EDIT: en changeant le style en display:none, le tableau a disparu, ne laissant que le nombre de membres.

C'est bien d'avoir trouvé la suite !^^ ... mais c'est encore un peu tôt ...

Pour le moment , on arrive donc à charger un morceau de tableau , de le cacher , et de transférer des valeurs de ce tableau dans une partie de votre code ...

Comme il y a au moins 8 groupes , il y aura 8 tableaux à charger ... un peu beaucoup , non ?

on va donc réduire les chargements aux noms des membres et des modos , et faire le compte à partir de là .
On va aussi mettre un peu de style pour mieux voir ...

Code:
<style>
.disparu{
display:none;
}
.chiffregroup{
border:1px solid red;
width:30px;
font-size:1em;
line-height:2em;
text-align:center;
}
#odin{
color:orange;
}
#loki{
color:green;
}
</style>

<div id="odin_group" class="disparu"></div>
<div id="odin" class="chiffregroup"></div>

<div id="loki_group" class="disparu"></div>
<div id="loki" class="chiffregroup"></div>

<script>
jQuery("#odin_group").load("/g8- form[name='post'] a.gen", function(){
var n_odin= jQuery("#odin_group a.gen").length-2;
jQuery("#odin").html(n_odin);
});

jQuery("#loki_group").load("/g7- form[name='post'] a.gen", function(){
var n_loki= jQuery("#loki_group a.gen").length-1;
jQuery("#loki").html(n_loki);
});
</script>

On se concentrera sur le tableau juste après ... N'oublions pas que les invités de passage sur votre forum , qui n'ont pas accès à la page des groupes , ne verront pas non plus les chiffres affichés dans le tableau ...

En postant la partie que je viens de donner juste sous votre tableau , vous devriez voir 2 cases entourées de rouge , avec un chiffre orange et un chiffre vert , le texte supplémentaire a été supprimé .



Dernière édition par Scoubifitz le Ven 27 Nov 2015 - 12:27, édité 1 fois

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Jeu 26 Nov 2015 - 1:36

J'ai tenté de mettre le code après le tableau, ce coup ci, mais c'est pas beau à voir:

Spoiler:

Du coup je l'ai réintégré dans mon tableau, et là, un rectangle rouge est apparu.

En revanche pas de rectangle vert (il doit être recouvert du background, je pense)^^

EDIT: nop, c'était pas ça. Je revérifierais les div et p demain matin Wink

Par contre, je suis pas sûr de bien comprendre le code (je suis encore débutant en CSS et js^^).
Si je comprend bien le code, il cherche les entrées, et non plus le tableau?

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Scoubifitz le Ven 27 Nov 2015 - 3:43

@Dnumroj a écrit:Par contre, je suis pas sûr de bien comprendre le code (je suis encore débutant en CSS et js^^).
Si je comprend bien le code, il cherche les entrées, et non plus le tableau?

Le script affiche juste les noms au lieu du tableau (celui qu'on fait disparaitre avec le display:none) et compte le nombre de noms pour l'afficher dans la case choisie .

La balise div est pour un cadre , et la balise p pour un paragraphe .On ne va travailler qu'avec des cadres , c'est plus simple .

Passons maintenant au tableau ... je sais que vous avez beaucoup travaillé et galéré pour arriver à ce résultat .

Mais ... le plus gros défaut de ce tableau est qu'il est trop rigide . La moindre insertion d'une donnée dans une des cellules , et le tableau est entièrement déformé .
De plus , il faut énormément d'images hébergées pour reconstituer le puzzle . Et il est très difficile de retrouver la cellule qui nous intéresse ...
Et puis , un tableau , c'est plutôt pour y ranger des chiffres , pas des images ou du texte ...

Il y a un moyen plus simple de faire ce tableau . On va imaginer faire une toile de peintre . Il faut un fond , puis des touches de pinceau par ci , par là ...

Il faut donc créer un cadre , avec une hauteur et un largeur définie , mettre une image de fond , et ,
dans ce cadre , on place plein de petits cadres en position absolue .

J'ai préparé un code ... mais avant de l'essayer , sauvegarde ton tableau .

Remplace entièrement ton code par celui ci :

Code:
<style>
#fondseiya{
background:url('http://i68.servimg.com/u/f68/12/14/82/30/seiya210.jpg');
width:1000px;
height:550px;
position:relative;
margin:auto;
}
#fondseiya .cadre{
position:absolute;
border:1px solid #ffffff; /* ligne a supprimer */
}
#fondseiya .cadre a{
display:block;
width:100%;
height:100%;
}
#fondseiya #admin1{
background:url("http://img11.hostingpics.net/pics/421998bogus.png")
}
#fondseiya #admin1:hover{
background:url("http://img11.hostingpics.net/pics/365795mpbogus.png")
}
#fondseiya #admin2{
background:url("http://img11.hostingpics.net/pics/218017yugai.png")
}
#fondseiya #admin2:hover{
background:url("http://img11.hostingpics.net/pics/549110mpyugai.png")
}
#fondseiya #modo1{
background:url("http://img11.hostingpics.net/pics/228937test22x5.png")
}
#fondseiya #modo1:hover{
background:url("http://img11.hostingpics.net/pics/569667inconnu.png")
}
#fondseiya #modo2{
background:url("http://img11.hostingpics.net/pics/961248test24x2.png")
}
#fondseiya #modo2:hover{
background:url("http://img11.hostingpics.net/pics/569667inconnu.png")
}
#fondseiya .disparu{
display:none;
}
#fondseiya .chiffregroup{
width:30px;
height:30px;
font-size:1em;
line-height:2em;
text-align:center;
color:#ffffff;
}
</style>
<div id="fondseiya">
<!-- admin haut -->
<div class="cadre" style="left:10px;top:44px;width:104px;height:171px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/privmsg?mode=post&u=1" target="_blank" id="admin1"></a>
</div>
<!-- admin bas -->
<div class="cadre" style="left:10px;top:232px;width:104px;height:171px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/privmsg?mode=post&u=1" target="_blank" id="admin2"></a>
</div>
<!-- regles -->
<div class="cadre" style="left:10px;top:415px;width:23px;height:128px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/t1-regles-du-forum-et-du-rp" target="_blank"></a>
</div>
<!-- armures -->
<div class="cadre" style="left:49px;top:415px;width:23px;height:128px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/t51-les-armures-disponibles" target="_blank"></a>
</div>
<!-- faq -->
<div class="cadre" style="left:88px;top:415px;width:23px;height:128px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/t137-foire-aux-questions" target="_blank"></a>
</div>
<!-- modo haut -->
<div class="cadre" style="left:888px;top:44px;width:101px;height:171px;">
<a href="#" target="_blank" id="modo1"></a>
</div>
<!-- modo bas -->
<div class="cadre" style="left:888px;top:231px;width:101px;height:171px;">
<a href="#" target="_blank" id="modo2"></a>
</div>
<!-- contexte -->
<div class="cadre" style="left:889px;top:412px;width:23px;height:128px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/t3-background-du-forum" target="_blank"></a>
</div>
<!-- news -->
<div class="cadre" style="left:927px;top:412px;width:23px;height:128px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/t119-news-generales" target="_blank"></a>
</div>
<!-- events -->
<div class="cadre" style="left:967px;top:412px;width:23px;height:128px;">
<a href="http://rpgssmondedestenebre.forumsgratuits.fr/f159-evenements" target="_blank"></a>
</div>
<!-- odin -->
<div id="odin_group" class="disparu"></div>
<div id="odin" class="cadre chiffregroup" style="left:200px;top:210px;"></div>
<!-- poseidon -->
<div id="marinas_group" class="disparu"></div>
<div id="marinas" class="cadre chiffregroup" style="left:200px;top:353px;"></div>
<!-- athena -->
<div id="athena_group" class="disparu"></div>
<div id="athena" class="cadre chiffregroup" style="left:253px;top:468px;"></div>
<!-- apprentis -->
<div id="paria_group" class="disparu"></div>
<div id="paria" class="cadre chiffregroup" style="left:462px;top:516px;"></div>
<!-- hades -->
<div id="hades_group" class="disparu"></div>
<div id="hades" class="cadre chiffregroup" style="left:686px;top:471px;"></div>
<!-- eris -->
<div id="eris_group" class="disparu"></div>
<div id="eris" class="cadre chiffregroup" style="left:747px;top:374px;"></div>
<!-- loki -->
<div id="loki_group" class="disparu"></div>
<div id="loki" class="cadre chiffregroup" style="left:750px;top:216px;"></div>
<!-- fin du cadre -->
</div>
<script>
jQuery("#odin_group").load("/g8- form[name='post'] a.gen", function(){
var n_odin= jQuery("#odin_group a.gen").length-2;
jQuery("#odin").html(n_odin);
});

jQuery("#marinas_group").load("/g7- form[name='post'] a.gen", function(){
var n_marinas= jQuery("#marinas_group a.gen").length-2;
jQuery("#marinas").html(n_marinas);
});

jQuery("#athena_group").load("/g4- form[name='post'] a.gen", function(){
var n_athena= jQuery("#athena_group a.gen").length-2;
jQuery("#athena").html(n_athena);
});

jQuery("#paria_group").load("/g10- form[name='post'] a.gen", function(){
var n_paria= jQuery("#paria_group a.gen").length-2;
jQuery("#paria").html(n_paria);
});

jQuery("#hades_group").load("/g5- form[name='post'] a.gen", function(){
var n_hades= jQuery("#hades_group a.gen").length-2;
jQuery("#hades").html(n_hades);
});

jQuery("#eris_group").load("/g6- form[name='post'] a.gen", function(){
var n_eris= jQuery("#eris_group a.gen").length-2;
jQuery("#eris").html(n_eris);
});

jQuery("#loki_group").load("/g9- form[name='post'] a.gen", function(){
var n_loki= jQuery("#loki_group a.gen").length-2;
jQuery("#loki").html(n_loki);
});
</script>

Pour enlever le trait blanc des cadres , il y a une ligne à supprimer dans la partie <style> ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée

Message par Dnumroj le Dim 29 Nov 2015 - 15:27

Je m'excuse du retard, un imprévu IRL^^

Je vous remercie infiniment pour votre aide, ça fonctionne parfaitement Smile
Pour le moment, je n'ai pas supprimé les bordures, car j'avais envie de mettre un cadre autour des effectifs, justement, donc ça m'arrange (j'ai juste arrondi les angles Wink ).

Dnumroj
*

Messages : 47
Inscrit(e) le : 06/10/2015

http://rpgssmondedestenebre.forumsgratuits.fr/
Dnumroj 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