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 :

Empêcher le chevauchement d'éléments


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Mars 2014
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : Mars 2014
    Messages : 1
    Par défaut Empêcher le chevauchement d'éléments
    Bonjour
    Je suis un particulier et ne suis pas expert en développement. Je souhaiterais savoir si une âme charitable peut solutionner mon problème, qui est le suivant :
    à l'adresse "http://auvergne-centrefrance.com/geotouring/musees/musees-puy-de-dome.html", le zoom des images passe sous la bannière publicitaire Google. Pour l'affichage des zoom, j'utilise le script suivant "http://auvergne-centrefrance.com/scripts/wz-tooltip-3.js" ainsi que le CSS "http://auvergne-centrefrance.com/scripts/scripts/media-screen.css".
    Je ne sais comment procéder pour que la publicité Google passe en arrière plan et éviter ainsi que mes photos passent sous la publicité.
    Mille fois merci. Cordialement André

  2. #2
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Mal parti, un -1 sur ton premier post ! Pour pouvoir t'aider, donne ton code html, ton code javascript (celui du script) et ton code CSS ; cela dit, ton besoin me fait penser à des div html et des z-index CSS...

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    Je ne sais comment procéder pour que la publicité Google passe en arrière plan et éviter ainsi que mes photos passent sous la publicité.
    joue avec les z-index, comme suggéré par laurentSc.
    Modification à faire dans ton fichier http://auvergne-centrefrance.com/scr...dia-screen.css
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    #bulle {
        font-size: 1px;
        position: absolute;
        visibility: hidden;
        z-index: 1000;  /* Ajout devrait être suffisant */
    }

Discussions similaires

  1. Chevauchement d'éléments lus dans une BD
    Par Matou22 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 11/08/2010, 14h47
  2. problème de chevauchement d éléments
    Par Crackozor dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 30/05/2009, 19h24
  3. Empêcher l'extension des éléments d'une Box
    Par Kicker dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 25/04/2009, 22h39
  4. Empêcher la CSS sur certains éléments LABEL
    Par dolu02 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 28/02/2008, 12h54
  5. Comment empêcher que les textout se chevauchent ?
    Par kidpaddle2 dans le forum Windows
    Réponses: 52
    Dernier message: 29/06/2006, 23h12

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