Mettre un texte au dessus d'une image

[Seriwyth]

Bonjour!
héhé... C'est encore moi! (bon sang, depuis que j'ai repris du poil de la bête, j'arrête pas de vous enquiquiner moi... à croire que je deviens d'humeur demandeuse quand je suis de bon poil 8D)
Bon bon, bref.
Je viens poster ici pour vous poser mon problème: voilà, j'aimerai afficher une image (avec une pop'up dessus _ça c'est fait_) et par dessus cette image, écrire un texte, en l'occurrence, un chiffre (c'est cette partie qui me fait tourner en bourrique!)

Disons que j'ai réussi à placer le chiffre en question là où le le voulais, mais il se trouve que l'image sur laquelle je voulais le mettre passe par dessus... Attendez, je vais vous montrer, ce sera plus parlant

Le chiffre (3) est bel et bien là, seulement, il passe en dessous de l'image entourée en rouge ... Mais moi j'aimerai bien qu'il passe au dessus. Alors... J'ai essayé les fameux z-index, mais je n'ai pas réussi à faire quoi que ce soit, je ne dois pas être sur la bonne piste.
Si jamais vous avez des idées pour m'aider, je veux bien, parce que moi, je suis à sec...
Merci beaucoup ♥

Ah vi, le code en question, je n'ai pas mis tout le tableau de la page, mais si jamais vous en avez besoin, vous pouvez me le dire, alors je mettrai tout.

Code:

<td style="cellpading:-10px;"><td><a class=infoe><img src="http://img4.hostingpics.net/pics/999680casque1.png" size="80%" style="position:relative;z-index:10;" /></div><span style="width:200px;">[center]Hache du guerrier
[color=#725b7d](1 emplacement)[/color][/center]
Classe: guerrier , artilleur, assassin, exilateur

Def. physique: +15

Un casque simple, léger et confortable qui saura vous protéger du moment que les coups ne sont pas trop violents...

[color=#725b7d]PV: +10[/color]

[center]90 [img]http://img4.hostingpics.net/pics/846428joyles.png[/img][/center]</span>
</div><div style="postion:absolute; z-index:16;tex-shadow: #000000 0px 3px;color:#ffffff;margin-top:-16px;margin-left:18px;"><b>3</b></div></td>

Et le lien vers la page si ça peut aider
http://gharendar.forums-actifs.com/t56-test#183

Merci d'avance =)

[Ea]

Bonjour,


Quand on remplace postillon par position ça marche probablement mieux =P

https://i.imgur.com/Bj3zy.png

Et quand on utilise pas de z-index, c'est l'ordre des éléments qui détermine quoi est au dessus de quoi, donc ici vu que le bloc avec le 3 est après, il sera au dessus sans avoir besoin d'utiliser z-index :
http://pastehtml.com/view/brgekbv00.html

Cordialement.

[Seriwyth]

Hiii!!! 0.o" *déménage au Pérou*

C'est sympa ! ... Tout fonctionne très bien maintenant (Yeah! superbe le lien, ça va m'être utile ça)
Bon bien ... Merci beaucoup!
Bonne soirée