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 :

survol sur images


Sujet :

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

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Mars 2009
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mars 2009
    Messages : 201
    Par défaut survol sur images
    bonjour
    ya t il avec css comment faire lorsque je survole sur une image l'image s'aggrandie
    et autre question
    est ce que je peut faire avec css faire clignotant sur une phrase
    et merci davance

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    53
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2009
    Messages : 53
    Par défaut
    Salut,

    Pour agrandir une image au survolle de la sourit il faut que tu utilise le code suivant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    img  {
     width:100px;
     height:100px;
    }
     
    img:hover {
     width:200px;
     height:200px;
    }
    On definit deja une taille de l'image par default.
    Ensuite on utilise l'element 'hover'qui designe l'action de survoller l'image avec la souris. On redefinit alors une taille plus grande.

    En se qui concerne le clignotement du texte, tu peut utiliser l'attribut 'blink' dans le css.
    par exemple:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    p{
    text-decoration: blink;
    }
    Le probleme c'est que 'blink' ne marche pas avec IE. Dans ce cas tu doit faire un script (javascript). Tu en trouvera facilement sur le net!

    Byby
    JB

  3. #3
    Membre confirmé
    Inscrit en
    Mars 2009
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mars 2009
    Messages : 201
    Par défaut
    j'ai essayer l'image pour agrandir mais ca na pas marché

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    53
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2009
    Messages : 53
    Par défaut
    Donne nous ton code html et CSS sa sera plus simple...

  5. #5
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    Salut,

    Attention car "img:hover" n'est pas pris en charge par IE...

Discussions similaires

  1. Réponses: 6
    Dernier message: 29/08/2008, 18h43
  2. survoler sur uen image
    Par nita2006 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 23/05/2007, 15h59
  3. problème avec un rollover (effet de survol) sur une image/bouton
    Par f56bre dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/03/2007, 14h10
  4. Sur survole modification image précédente
    Par 12_darte_12 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 01/12/2006, 16h02
  5. [CSS]lien survolé sur une image et déclaration doctype
    Par gwendal84 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 10/02/2006, 16h35

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