[CSS] appliquer une taille à un hover

Marsh Posté le 12-03-2006 à 20:12:35

Bonjour à tous !

Je voullais savoir s'il était possible d'attribuer une taille sur un hover, je voudrais que le hover ne me surligne pas seulement la largeur de mon texte ms je voudrais pouvoir lui attribuer une largeur.

Voici l'extrait de ma feuille de style :

Code :

.element_menu a:hover
{
font-weight: bold ;
background-color: #77b6d0;
}

Voila merci d'avance ! :ange:

Reply

Marsh Posté le 12-03-2006 à 20:12:35

Reply

Marsh Posté le 12-03-2006 à 20:19:19

si j'ai bien compris tu veux une taille de police qui augmente en a:hover? si oui il suffit de rajouter FONT-SIZE: 20px; par exemple, non?

Reply

Marsh Posté le 13-03-2006 à 00:51:47

Moi j'aurais dit tout simplement :
width:malargeur;

dans le CSS.

Reply

Marsh Posté le 13-03-2006 à 07:51:25

oui j'ai bien essayer ca, ms ca n'a pas l'air de fonctionner !

Reply

Marsh Posté le 13-03-2006 à 12:31:03

montre nous le code que tu as utilisé dans ce cas

Reply

Marsh Posté le 13-03-2006 à 18:20:26

Code :

.element_menu a:hover
{
font-weight: bold ;
background-color: #77b6d0;
width : 150px;
}

Tout simplement, comme le disais The-Shadow :wahoo:

Reply

Marsh Posté le 13-03-2006 à 19:02:01

et ton HTML s'il te plaît ?

à mon avis tu as mal écrit ton sélecteur

a.element_menu:hover

Reply

Marsh Posté le 13-03-2006 à 19:33:05

Code :

<div class="element_menu">
<table align="center" width="80%" align="center"bgcolor="#FFFFFF" cellpadding="0"border="0" CELLSPACING = "0">
<tr>
<td align="center"><img src="/images/menu_haut.jpg"></td>
</tr>
<tr>
<td align="center"><a href="http://......./acceuil.php">Accueil</a></td>
</tr>
<tr>
<td align="center"><a href="http://............./news.php">News</a></td>
</tr>
<tr>
<td align="center"><a href="http://l.........../tuto.php">Tutoriaux</a></td>
</tr>
<tr>
<td align="center"><a href="http://l.............../partenariat.php">Partenariat</a></td>
</tr>
<tr>
<td align="center"><a href="http://l.............../contact.php">Contacts</a></td>
</tr>
<tr>
<td bgcolor ="#a2dbeb" align="center"><img src="/images/menu_bas.jpg"></td>
</tr>
</table>
</div>

le hover s'affiche comme il faut, ms seulement sur le texte. Alors que je souhaiterais pouvoir lui attribuer une largeur. :ange:

Message édité par sharck1987 le 13-03-2006 à 19:34:18

Reply

Marsh Posté le 13-03-2006 à 19:38:59

Peut pas utiliser de width sur un element de type inline comme a par exemple.
Si tu veux jouer avec width utilise des elements de type block ou bien precise dans les attributs css que ton element tu le veux de type block (display:block)

Reply

Marsh Posté le 13-03-2006 à 21:10:08

parfait, merci beaucoup !

Reply

[CSS] appliquer une taille à un hover

Sujets relatifs:

Leave a Replay