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 :

[débutant]Placer une image par dessus une autre


Sujet :

HTML

  1. #1
    Membre du Club
    Inscrit en
    Juin 2003
    Messages
    97
    Détails du profil
    Informations forums :
    Inscription : Juin 2003
    Messages : 97
    Points : 49
    Points
    49
    Par défaut [débutant]Placer une image par dessus une autre
    Bonjour,
    J'aimerai mettre une image par dessus une autre. (cible par dessus carte)
    Je procéde comme suit :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    <style>
     
    #carte {
            top: 0;
            left: 0;
            z-index:1;
    }
     
    #cible {
            position: absolute;
            top: 0;
            left: 0;
            z-index:2;
    }
     
    </style>
    et par la suite :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <img id="cible" src="icon.gif" />
    <img id="carte" src="carte_neuchatel.png" onmousemove="position(event);" />
    Pourquoi cela ne fonctionne pas ?
    (IE et Ffx)


    Merci d'avance pour toute réponse.

    Sempire

  2. #2
    Membre expérimenté
    Avatar de Linaa
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    987
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 987
    Points : 1 309
    Points
    1 309
    Par défaut
    Comment cela, ça ne fonctionne pas ?
    La cible n'est pas par dessus la carte ?

    Si ça se trouve ça fonctionne, mais tu ne visualises pas bien le résultat.
    Essaies de décaler la cible, pour mieux voir!

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    #cible {
       position: absolute;
       top: 50;
       left: 50;
       z-index:2;
    }

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    1 012
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2002
    Messages : 1 012
    Points : 1 093
    Points
    1 093
    Par défaut
    je suis surpris que #carte soit en position relative et #cible en position absolue

Discussions similaires

  1. [Bouton] Afficher une image par dessus une autre image
    Par al2000 dans le forum Windows Presentation Foundation
    Réponses: 1
    Dernier message: 30/05/2013, 15h07
  2. positionnement d'une image par dessus une autre
    Par hugodu28 dans le forum Langage
    Réponses: 0
    Dernier message: 06/12/2012, 14h34
  3. une image par-dessus une anim flash
    Par fredo25 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/05/2008, 21h32
  4. Une image par dessus une autre
    Par choko62 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/01/2008, 10h49
  5. Afficher une image par dessus une scene 3D
    Par drcd dans le forum OpenGL
    Réponses: 9
    Dernier message: 02/04/2007, 19h59

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