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 :

curseur de type main quand on survole un lien


Sujet :

Survol d'un élément en CSS (:hover)

  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 495
    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 495
    Billets dans le blog
    1
    Par défaut curseur de type main quand on survole un lien
    Bonjour,

    j'ai un lien un peu spécial : c'est un texte déroulant qui fait un lien. Ca marche, sauf que quand on survole ce bandeau (fait avec une applet java), le curseur ne se transforme pas en main. Ca doit pouvoir se résoudre en CSS, c'est pour ça que je poste ici. Code actuel :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <applet code="Skroll.class" height="15"
     width="468"> <param name="(c)" value="Kenobee"><param
     name="bg_color" value="40000<param
     name="fg_color" value="32109959"><param
     name="font" value="Arial"> <param name="font_size"
     value="13"> <param name="font_style" value="1"><param
     name="height" value="125"> <param name="target"
     value="frmMain"><param name="text_bottom"
     value="12"> <param name="texte" url=""
     value=" Voir la page 'outils' : quelques conseils vous attendent. "><!-- dans le 'value' suivant, mettre l'url du lien actif en cliquant sur le message défilant --><param
     name="url"
     value="http://docexterne.fr.schneider-electric.com/documentation/portail/outils_f.htm"><!-- dans le 'value' suivant, Pour diminuer la vitesse, augmenter le chiffre --><param
     name="vitesse" value="25"> <param name="width"
     value="468"> </applet>

  2. #2
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 9
    Par défaut
    essaye peut-être un truc du style <param name="cursor" value="pointer">

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 495
    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 495
    Billets dans le blog
    1
    Par défaut
    Non, ça ne change rien...

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 9
    Par défaut
    et si tu mets ton applet dans un div avec le style pour le curseur ?
    avec a{} et a:hover{} sur ce div ?

  5. #5
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 495
    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 495
    Billets dans le blog
    1
    Par défaut
    Excuse-moi, mais je ne connais presque rien en CSS ; peux-tu préciser un peu ?

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    Il faut utiliser cursor : pointer...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    applet {
        cursor : pointer;
    }

  7. #7
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 495
    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 495
    Billets dans le blog
    1
    Par défaut
    Merci de me répondre, mais j'ai mis
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
      <style>
    applet { cursor : pointer;
    }
      </style>
    dans le head, et ça ne change rien...

  8. #8
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bizarre chez moi ça fonctionne, testé avec Firefox 3.6.

    Tu as testé avec quel navigateur ? On peut éventuellement voir une page en ligne pour constater de visu ?

    Sinon essaye de placer une balise autour, genre div et de mettre le style sur ce div...

  9. #9
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 495
    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 495
    Billets dans le blog
    1
    Par défaut
    Moi, j'ai essayé sous IE, et vu ta réponse, j'ai voulu exécuter la page avec FF, mais il me dit qu'il manque un plugin (visiblement pour exécuter l'applet) et quand il tente de l'installer, ça se termine par un échec...

  10. #10
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Je viens de tester mon exemple tout simple sur IE8 et IE8 en mode de compatibilité (=> IE 7) et pour les deux la main s'affiche bien...

    Quand je dis exemple tout simple :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <applet>
    </applet>


    Je ne peux que répéter ma demande : on peut éventuellement voir une page en ligne pour constater de visu ?

    C'est peut être l'applet qui bloque (j'en sais rien, j'y connais rien) ou bien un style CSS concurrent et contradictoire qui s'applique...

  11. #11
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 495
    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 495
    Billets dans le blog
    1
    Par défaut
    J'ai mis une page en ligne. Désolé pour les "not found" : à l'origine, c'est un code intranet, et si je fais le ménage dans le code, pour une raison que j'ignore, ça ne marche plus du tout. Sinon, le navigateur sur lequel je vois le pb est un IE6 (je sais, c'est très rétrograde, mais il faut le dire à Schneider ; c'est le standard de l'entreprise).
    Et depuis, j'ai une 2e question, toujours sur ce lien, mais qui n'a rien à voir avec ce forum : je voudrais que le lien s'ouvre dans une nouvelle fenêtre (alors qu'aujourd'hui, il s'ouvre dans la fenêtre courante). Comment faire ? Code actuel :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <applet code="Skroll.class" height="15"
     width="468"> <param name="(c)" value="Kenobee"><param
     name="bg_color" value="40000"><param
     name="fg_color" value="32109959"><param
     name="font" value="Arial"> <param name="font_size"
     value="13"> <param name="font_style" value="1"><param
     name="height" value="15"> <param name="target"
     value="frmMain"><param name="text_bottom"
     value="12"> <param name="texte"
     value=" Nouvelle session de formation le 16 novembre"><!-- dans le 'value' suivant, mettre l'url du lien actif en cliquant sur le message défilant -->
    <param name="url" value="http://www.google.com"><!-- ce lien est bidon, mais je n'ai pas laissé la page intranet -->
    <param name="vitesse" value="20"> <param name="width"
     value="468"></applet>

  12. #12
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Je supposes que c'est une fonctionnalité de ton applet qui bloque...

    Car quand j'essaye

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    td {
        cursor : pointer;
    }
    Le curseur s'applique bien mais sur la partie où l'applet n'est pas affiché... Ce n'est peut être plus un problème CSS.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 10
    Dernier message: 16/05/2015, 10h37
  2. [Prototype] Créer un input type file quand je clique sur un lien
    Par movemedia dans le forum Bibliothèques & Frameworks
    Réponses: 5
    Dernier message: 22/04/2008, 11h58
  3. Comment détecter le type d'un fichier survolant un JPanel
    Par greg0ire dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 26/07/2007, 09h56
  4. [Thread du Swing] Rend-moi la main quand t'as fini!
    Par janef dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 25/02/2006, 16h51
  5. [CSS][IE6] Le curseur main disparait au survol des liens
    Par El Riiico dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/02/2005, 12h55

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