Accueil
Créer un forumTexte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj 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 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Mar 10 Nov 2015 - 8:41
Up, svp^^
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj 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):
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:
Malheureusement, toujours rien...
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>
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 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Jeu 12 Nov 2015 - 11:49
up
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Sam 14 Nov 2015 - 16:24
up^^
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Dim 15 Nov 2015 - 20:07
up, svp
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Lun 16 Nov 2015 - 22:58
up
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par MasDan 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
2) remplacer votre balise </script> par
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- Membre habitué
-
Messages : 1538
Inscrit(e) le : 24/05/2011 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj 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.
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 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj 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).
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 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Ven 20 Nov 2015 - 8:58
up, svp^^
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Dim 22 Nov 2015 - 10:47
UP
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj Mar 24 Nov 2015 - 11:02
up
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Scoubifitz 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.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:
<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>
- 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>
Bonsoir ,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).
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 ...
https://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- Membre actif
-
Messages : 3732
Inscrit(e) le : 18/03/2008 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj 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
Mais, malheureusement, j'obtiens ceci:
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...
Et en changeant "membre: " par "âmes:", j'ai pu gagner une ligne, mais toujours le même problème d'espacement.
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
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 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Scoubifitz 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 ...
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- Membre actif
-
Messages : 3732
Inscrit(e) le : 18/03/2008 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj 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:
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
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?
- 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
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 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Scoubifitz 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- Membre actif
-
Messages : 3732
Inscrit(e) le : 18/03/2008 -
Re: Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
par Dnumroj 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
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 ).
Je vous remercie infiniment pour votre aide, ça fonctionne parfaitement
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
).
Dnumroj- *
- Messages : 47
Inscrit(e) le : 06/10/2015 -
Sujets similaires» Code HTML Image et Texte Alignement
» Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.
» Code d'image et de texte
» Problème code - Texte sur une image réactive
» code html pour faire rebondir une image
» Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.
» Code d'image et de texte
» Problème code - Texte sur une image réactive
» code html pour faire rebondir une image
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum