IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Image au-dessus d'un tableau


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    48
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 48
    Par défaut Image au-dessus d'un tableau
    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

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    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 ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    48
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 48
    Par défaut
    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

  4. #4
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    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?
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    48
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 48
    Par défaut
    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

  6. #6
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    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?
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

Discussions similaires

  1. [FPDF] Image au dessus du tableau
    Par vinc54 dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 26/03/2013, 17h11
  2. [débutant]Placer une image par dessus une autre
    Par sempire dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 21/11/2005, 18h42
  3. image en background dans un tableau
    Par PAYASS59 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 30/08/2005, 09h07
  4. [HTML] Image en fond d'un tableau qui ne se répète pas.
    Par yoyot dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 09/02/2005, 17h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo