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 :

augmenter taille police au passage de la souris sur un lien


Sujet :

CSS

  1. #1
    Membre chevronné Avatar de Nemesys
    Profil pro
    Étudiant
    Inscrit en
    mars 2006
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mars 2006
    Messages : 1 895
    Points : 2 100
    Points
    2 100
    Par défaut augmenter taille police au passage de la souris sur un lien
    Bonjour,


    je me souviens pu comment augmenter la taille de la police dès qu'on passe la souris sur un lien html, j'essai de faire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    a:hover {
     
    font-size:...;
    }
    mais rien ne change :s


    ca ne doit pas etre compliqué, mais je trouve pas ma réponse.

    merci

  2. #2
    Membre actif
    Inscrit en
    novembre 2006
    Messages
    206
    Détails du profil
    Informations forums :
    Inscription : novembre 2006
    Messages : 206
    Points : 231
    Points
    231
    Par défaut
    a:hover, mais l'affichage risque d'être problématique.

  3. #3
    Membre chevronné Avatar de Nemesys
    Profil pro
    Étudiant
    Inscrit en
    mars 2006
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mars 2006
    Messages : 1 895
    Points : 2 100
    Points
    2 100
    Par défaut
    Citation Envoyé par Dan_A
    a:hover, mais l'affichage risque d'être problématique.

    oui oui pardon, a:hover, c'était juste une faute de frappe mais rien ne change pour autant, donc c'est impossible a faire?

  4. #4
    Membre confirmé Avatar de calogerogigante
    Profil pro
    Inscrit en
    avril 2003
    Messages
    602
    Détails du profil
    Informations personnelles :
    Âge : 50
    Localisation : Belgique

    Informations forums :
    Inscription : avril 2003
    Messages : 602
    Points : 497
    Points
    497
    Par défaut
    Si, c'est possible :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    a
    {
    font-weight: normal;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    a:hover
    {
    font-weight: bold;
    }
    EDIT: sorry, j'ai pas bien lu ta question, c'est la taille que tu veux changer...
    Et avec font-size et des pourcentages, ça ne marche pas ????

  5. #5
    Membre chevronné Avatar de Nemesys
    Profil pro
    Étudiant
    Inscrit en
    mars 2006
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mars 2006
    Messages : 1 895
    Points : 2 100
    Points
    2 100
    Par défaut
    Non ca ne marche pas justement avec font-size et des pourcentages

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : France

    Informations forums :
    Inscription : août 2004
    Messages : 310
    Points : 393
    Points
    393
    Par défaut
    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <?xml version="1.0" encoding="utf-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Styles sur les liens</title>     
      <style type="text/css">
        a {
        	font-size: 1em;
        }
     
        a:hover {
        	font-size: 1.4em;
        }  
      </style>
    </head>
     
    <body>
      <p><a href="http://www.developpez.com/">Club des Developpeurs</a></p>
    </body>
    </html>
    Ça fonctionne bien avec Firefox et Internet Explorer 7 mais avec Opera, le lien conserve sa largeur d'origine même lors du survole du lien ce qui rend le texte illisible.

  7. #7
    Membre à l'essai
    Inscrit en
    décembre 2006
    Messages
    33
    Détails du profil
    Informations forums :
    Inscription : décembre 2006
    Messages : 33
    Points : 22
    Points
    22
    Par défaut
    par tout hasard, essaie voir de vider ton cache

  8. #8
    Membre chevronné Avatar de Nemesys
    Profil pro
    Étudiant
    Inscrit en
    mars 2006
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mars 2006
    Messages : 1 895
    Points : 2 100
    Points
    2 100
    Par défaut
    yeah bravo merci

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

Discussions similaires

  1. diminuer/augmenter taille police
    Par douceur dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 05/06/2009, 23h31
  2. [c#]Augmenter taille police pour tout le site
    Par Filippo dans le forum ASP.NET
    Réponses: 8
    Dernier message: 30/03/2007, 12h42
  3. affichage image après passage de la souris sur bouton
    Par nerser dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 30/01/2006, 23h53
  4. Réponses: 2
    Dernier message: 23/10/2005, 20h00
  5. Réponses: 2
    Dernier message: 28/07/2005, 04h59

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