Discussion :

[foxbond]

Bonjour à tous,
Sur une de mes pages webs j'ai un tableau de 42 cases.
Mon souhait est d'insérer AU-DESSUS de l'intégralité du tableau une grande image de la même taille.
L'intérêt ? L'image a certaines zones transparentes et je vais faire varier la couleur des cases du tableau selon certaines caractéristiques.
Pouvez-vous me dire comment faire ?
Merci par avance,
Antoine

[Bovino]

S'il y a bien une chose imprévisible, c'est l'affichage d'un tableau...
Tu auras des comportements différents en fonction des navigateurs et des résolutions d'écran.
Du coup, tu auras beaucoup de mal à adapter exactement ton tableau à ton image.
Mais je ne vois toujours pas l'intérêt... pourquoi ne traites-tu pas directement la couleur de fond des cellules par exemple pour les différencier ?

[foxbond]

En fait c'est pour créer un PUISSANCE 4.

Ma graphiste m'a transmis une image avec 42 cases transparentes.
L'idée est d'avoir un tableau en-dessous et d'adapter la couleur de chaque cellule en fonction de ce que jouent les 2 joueurs.

Avez vous une solution pour moi ?

En vous remerciant,
Antoine

[Vil'Coyote]

je dirais utilisation d'un div affichant ton image avec un z-index permettant de la passer au dessus.

sinon perso je vois pas l'intérêt d'utiliser une image avec case transparante pour un puissance 4 tu ne peut pas utiliser de css pour ton tableau plutôt?

[foxbond]

C'est à dire utiliser du css pour mon tableau ?
Comment vois tu les choses exactement avec mon plateau de puissance 4 (qui est une image avec pas mal de graphismes) ?

Merci

[Vil'Coyote]

bien tu m'indique que ton plateau est composé de 42cases toutes présente sous ton images de façon transparente alors pourquoi ne pas découper ta grande image pour n'utiliser que les élément redondant dans ton css et l'appliquer à ton tableau?