Mettre un texte au dessus d'une image

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

Résolu Mettre un texte au dessus d'une image

Message par Seriwyth le Jeu 15 Mar 2012 - 19:16

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 Smile

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 Very Happy
http://gharendar.forums-actifs.com/t56-test#183

Merci d'avance =)


Dernière édition par Seriwyth le Jeu 15 Mar 2012 - 22:22, édité 1 fois

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 03/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un texte au dessus d'une image

Message par Ea le Jeu 15 Mar 2012 - 19:50

Bonjour,


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

http://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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un texte au dessus d'une image

Message par Seriwyth le Jeu 15 Mar 2012 - 22:21

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

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

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 03/03/2011

http://gharendar.forums-actifs.com
Seriwyth 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