augmenter taille police au passage de la souris sur un lien

Version imprimable

28/06/2007, 20h45
Nemesys

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:

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
28/06/2007, 21h08
Dan_A

a:hover, mais l'affichage risque d'être problématique.
28/06/2007, 21h13
Nemesys

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?
28/06/2007, 21h25
calogerogigante
Si, c'est possible :
Code:

1 2 3 4 a { font-weight: normal; }
Code:

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 ????
28/06/2007, 21h29
Nemesys

Non ca ne marche pas justement avec font-size et des pourcentages

Bonjour,

Code:

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.

28/06/2007, 23h58
Angelina007

par tout hasard, essaie voir de vider ton cache :roll:
29/06/2007, 00h26
Nemesys

yeah bravo merci :)