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

Webdesign & Ergonomie Discussion :

[Traitement d'image] Faire des rollovers sur plusieurs images avec CSS uniquement


Sujet :

Webdesign & Ergonomie

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 66
    Points : 40
    Points
    40
    Par défaut [Traitement d'image] Faire des rollovers sur plusieurs images avec CSS uniquement
    Bonjour,

    J'ai une barre de navigation composée de 7 images différentes (+7 differentes pour les rollovers).

    Je n'ai aucun texte à mettre dans le menu, tout est dans les images.

    Quel code utiliser pour mettre ces images à l'horizontal et indiquer l'image à prendre pour l'effet rollover ??

    J'ai cherché à fond sur le net, mais je n'ai trouvé que des codes concernant une seule image, ou 1 seul rollover pour tout le menu.

    Moi j'ai 14 images.

    Merci de votre aide

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

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

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

    Tu peut combiner les class et le a:hover :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    .lien1 a:hover { background-color:red }
    .lien2 a:hover { background-color:blue }
    .lien3 a:hover { background-color:green }
    .lien4 a:hover { background-color:yellow }
    ...

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

Discussions similaires

  1. rollover sur plusieurs images avec mappage
    Par Corbou65 dans le forum Général JavaScript
    Réponses: 17
    Dernier message: 17/06/2013, 14h45
  2. Faire des requêtes sur plusieurs bases de données
    Par nandy.c dans le forum Outils de restitution et d'analyse
    Réponses: 15
    Dernier message: 13/06/2013, 18h25
  3. Faire un rollover sur une image en utilisant les coordonnées X & Y
    Par reman dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 29/04/2010, 11h16
  4. Comment faire un rollover sur une image
    Par mackean dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 29/03/2007, 16h15
  5. Réponses: 4
    Dernier message: 25/11/2005, 18h15

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