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

Mise en page CSS Discussion :

Suivre la souris en CSS


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de gene69
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 769
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 769
    Par défaut Suivre la souris en CSS
    Bonjour

    Pour une page web que je souhaite sans javascript, je voudrais savoir s'il est possible d'avoir un élément dont la position sur l'écran varie avec la hauteur de l'élement sur l'écran qui a le :hover de la souris (sachant que pour l'instant celui ci est clouté sur l'écran en position:fixed à top:20% et right:0 ) et comment on fait
    (liens acceptés )..

    Est ce que je suis clair?

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Bonjour,
    Est ce que je suis clair?
    le code HTML/CSS aiderait à la clarté de ton explication !
    1000 excuses, c'est peut-être lié à l'heure.

  3. #3
    Membre Expert
    Avatar de gene69
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 769
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 769
    Par défaut
    Bonjour

    voila en PJ le squelette de la page.
    Quand on survole le div.scenario, il y a une étiquette (div.postIt) qui s'affiche à droite.
    Ce que je veux éviter: c'est quand il y a deux div.scenario visible (le bas du premier et le haut du 2e) que le postIt s'affiche au niveau du bon parent (cad que si je survole le div.scenario du bas, je n'ai pas le postIt en haut),
    l'autre option serait de permettre au postIt de se placer uniquement à l'intérieur du div mais toujours présent à l'écran (tant qu'on affiche le div.scenario parent) et de ne plus agir à partir d'un :hover.

    bref, pas de javascript parce que j'envoie ces pages par mail, et l'antivirus n'aime pas le js.
    Fichiers attachés Fichiers attachés

  4. #4
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Désolé mais pas vraiment tout compris, au passage tu as des ID dupliquées, ce qui ne devrait pas être.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div  id="key0" class="scenario">

Discussions similaires

  1. Faire suivre la souris à un objet 3D
    Par emixam16 dans le forum XNA/Monogame
    Réponses: 0
    Dernier message: 20/09/2014, 19h55
  2. [D7] pb de drag drop avec texte qui devrait suivre la souris
    Par grod0026 dans le forum Composants VCL
    Réponses: 0
    Dernier message: 24/07/2010, 01h13
  3. suivre deux souris branchées en meme temps ?
    Par baignoire dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 25/11/2009, 21h58
  4. [toolTip] qui peut suivre la souris
    Par ikeas dans le forum Windows Presentation Foundation
    Réponses: 3
    Dernier message: 20/07/2009, 22h54
  5. [CSS] Curseur de la souris
    Par Furius dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 19/11/2005, 10h53

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