+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : QuestionS (/showthread.php?tid=3964)
RE: QuestionS - Argorate - 16-06-2009
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!)
RE: QuestionS - Gabriel - 16-06-2009
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
RE: QuestionS - Argorate - 16-06-2009
no problème, si y a autre chose, hésite pas...
RE: QuestionS - Morningkill - 16-06-2009
(16-06-2009, 03:20 PM)Argorate a écrit : 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...
RE: QuestionS - Argorate - 16-06-2009
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…
RE: QuestionS - Morningkill - 17-06-2009
Citation :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.
RE: QuestionS - NicoMSEvent - 17-06-2009
Morningkill a écrit :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 / ... ?
RE: QuestionS - wild-D - 17-06-2009
(17-06-2009, 06:42 AM)Morningkill a écrit : 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)
RE: QuestionS - Argorate - 17-06-2009
(17-06-2009, 06:42 AM)Morningkill a écrit : 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
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.
RE: QuestionS - Allwise - 17-06-2009
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 ^^