QuestionS

[Argorate]

2. Je ne me souviens plus exactement, ça fait longtemps ^^
Tu as peut être raison, les div interne sont en absolute, et le global en relative (je pense que c'est plus comme ça effectivement!)

[Gabriel]

1) j'ai changé le charset et ça marche (comprends pas je copie/colle toujours le même et d'habitude ça marche)

2) ça marche aussi ! Merci

[Argorate]

no problème, si y a autre chose, hésite pas...

[Morningkill]

Tu as peut être raison, les div interne sont en absolute, et le global en relative (je pense que c'est plus comme ça effectivement!)

Alors, ca tombe bien, parceque j'aimerai bien qu'on me dise si c'est bien ce que je fait : pour afficher un monstre sur un terrain dans ma grille, je fais :
<td><div style="position:absolute"><img src="/content/pictures/3.png"/>
<img style="position:relative;z-index:100" src="/content/pictures/goblin.png" />
</div></td>

(j'ai donc l'image "du dessous"/de base en absolute, et le monstre en relative)=> cependant, si j'inverse absolute et relative, ca marche encore !)

Ca a l'air de marcher, sauf qu'il me semble visuellement que le gobelin est un peu décalé vers la droite, et sort donc de sa case un petit peu.

Alors, je peux corriger ca en faisant un left:-4px sur le gobelin, mais déjà, pourquoi est ce que ce décalage se passe ?
D'ailleurs,si on pouvait aussi m'expliquer pourquoi je peux interchanger l'absolute et le relative...

[Argorate]

Oulalala!
Il va falloir revoir tout ça! ^^

La solution énoncée plus haut n'est pas fait pour ce cas.

S'il ne s'agit que de l'affichage d'un terrain + 1 autre images (monstres, perso et autres), alors il te faut mettre le terrain en tant que BG du <td> et mettre simplement la balise <img> toute seul dans le <td>
Ca simplifiera beaucoup ton code, tu gagneras en clartée...

Le coup des div empilés c'est pour la superposition d'X images (où X > 2 )

PS : je trouve barbare et inutile d’utiliser le z-index à un niveau aussi élevé que 100…

[Morningkill]

PS : je trouve barbare et inutile d’utiliser le z-index à un niveau aussi élevé que 100…

La doc ne semble pas y voir d'inconvénients, et de toute façon ce n'est qu'un test/POC.
Pour ce qui est de background-image, effectivement, c'est plus simple, mais le design n'est pas encore figé (et c'est un euphémisme :hahahaha. Et puis, enfin, fervent admirateur de Battle Arenas, je suis un adepte de la customisation des entités (armes, vetements) par couche superposée. Je sais pas si on le fera, parceque y a d'autre contraintes, mais pour l'instant...

Par contre, j'aimerai bien qu'on m'explique pourquoi quand je fais la solution positive/relative, l'element du dessus est decalé de 4 pixels a droite.

[NicoMSEvent]

Par contre, j'aimerai bien qu'on m'explique pourquoi quand je fais la solution positive/relative, l'element du dessus est decalé de 4 pixels a droite.

Tu as essayé de modifier par CSS les padding / margin / ... ?

[wild-D]

Par contre, j'aimerai bien qu'on m'explique pourquoi quand je fais la solution positive/relative, l'element du dessus est decalé de 4 pixels a droite.

parce que t'as tout faux, c'est l'inverse qu'il faut faire (div conteneur externe en relative, et les divs internes qui composent les couches superposées en absolute; et bien sur ceux en absolute, c'est mieux de fixer leur position coord explicitement... et sinon effectivement, vérif aussi les héritage des margin, padding etc)

[Argorate]

La doc ne semble pas y voir d'inconvénients, et de toute façon ce n'est qu'un test/POC.
Pour ce qui est de background-image, effectivement, c'est plus simple, mais le design n'est pas encore figé (et c'est un euphémisme :hahahaha. Et puis, enfin, fervent admirateur de Battle Arenas, je suis un adepte de la customisation des entités (armes, vetements) par couche superposée. Je sais pas si on le fera, parceque y a d'autre contraintes, mais pour l'instant...

Par contre, j'aimerai bien qu'on m'explique pourquoi quand je fais la solution positive/relative, l'element du dessus est decalé de 4 pixels a droite.

Ce n'est pas parce qu'on te le permet de le faire que c'est à faire...
Coder proprement c'est justement faire la distinction entre se qu'on peut faire et se qu'il faut faire.
Utiliser un rang si élevé ne sert a rien dans ton cas, mais vu que cela peut servir dans d’autre, forcément la documentation ne te diras pas que c’est « interdit », conclusion soit tu as pas bien saisie l'utilisation du z-index, soit tu fais exprès et je trouve ça sale.
Après c'est que mon avis, tu fais se que tu en veux

Sinon comme les autres te l'on dit, faut inversé absolute et relative pour tes div.

Bon courage.

[Allwise]

Qu'on mette z-index:5, z-index:10 ou z-index:1000, ça ne change absolument rien et je ne vois pas en quoi ce n'est pas une bonne pratique. J'avoue que z-index: 10000000000000000000000000000000000000000000000000 pourrait être problématique j'en conviens, mais je serais curieux de connaître la source qui te fait dire qu'il ne faut pas mettre un "gros z-index".
Je réagis parce que je n'ai jamais eu aucun problème avec des 1000, et que des gens très qualifiés utilisent des z-index:10000 ( framework ExtJs )... Chuis chiant hein ^^