Hover sur les liens Bouton_activeHover sur les liens Bouton_hoverHover sur les liens Fb-hoverHover sur les liens Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Hover sur les liens EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Hover sur les liens EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Hover sur les liens EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Hover sur les liens EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Hover sur les liens EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Hover sur les liens EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Hover sur les liens EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Hover sur les liens EmptySam 11 Fév 2023, 06:04 par Krager

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
Voir le deal

Partagez
 

Hover sur les liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://Games-Avenue.fr
TxReplay
TxReplay
{ Membre }
{ Membre }

Masculin Messages : 27



Hover sur les liens Empty
Bonjour à toutes et à tous,

Voilà, je n'arrive pas trop à expliquer mon problème, mais j'ai fais un petit hover pour le menu, malheureusement, celui-ci se fait pour tout les liens sur ma page, c'est assez dérangeant...

Une petite idée s'iou plaît ? Smile

HTML:
CSS:

D'avance, merci pour votre aide Very Happy
MessageSujet: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 14:30
Revenir en haut Aller en bas
http://cssmania.com
Anoobnyme
Anoobnyme
GOD OF COOKIES

Masculin Messages : 1445



Hover sur les liens Empty
Hop'

C'est normal, car tu as attribué a tous les liens de ton forum, or il faut l'attribuer aux liens de ton menu, donc je te propose de remplacer ça :

Code:

.menu {
  float:right;
  margin-right:2%;
  margin-top:-2.5%;
  word-spacing:1.5em;
  letter-spacing:0.2em;

}

a {
  color:#83a4b0;
  text-decoration:none;
}

a:hover {
  color:#000000;
  text-decoration:none;
  text-transform:uppercase;
}

par ça :


Code:
.menu {
  float:right;
  margin-right:2%;
  margin-top:-2.5%;
  word-spacing:1.5em;
  letter-spacing:0.2em;

}

a.menu {
  color:#83a4b0;
  text-decoration:none;
}

a:hover.menu {
  color:#000000;
  text-decoration:none;
  text-transform:uppercase;
}

Au plaisir !
MessageSujet: Re: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 14:37
Revenir en haut Aller en bas
http://Games-Avenue.fr
TxReplay
TxReplay
{ Membre }
{ Membre }

Masculin Messages : 27



Hover sur les liens Empty
C'est bien ce que j'avais essayé de faire, mais là, je perds l'animation...
MessageSujet: Re: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 14:42
Revenir en haut Aller en bas
http://Games-Avenue.fr
TxReplay
TxReplay
{ Membre }
{ Membre }

Masculin Messages : 27



Hover sur les liens Empty
C'est bien ce que j'avais essayé de faire, mais là, je perds l'animation... C'est comme si a.menu et a:hover.menu n'existaient pas.
MessageSujet: Re: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 14:45
Revenir en haut Aller en bas
http://cssmania.com
Anoobnyme
Anoobnyme
GOD OF COOKIES

Masculin Messages : 1445



Hover sur les liens Empty
Attention au D-B !!
As-tu un lien afin que je regarde.
MessageSujet: Re: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 14:55
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Hover sur les liens Empty
En fait, étant donné que les liens n'ont pas la class .menu, le code de Noob ne va pas ^^

Essaie ceci :

Code:

.menu a {}

.menu a:hover {}

Wink
MessageSujet: Re: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 15:19
Revenir en haut Aller en bas
http://Games-Avenue.fr
TxReplay
TxReplay
{ Membre }
{ Membre }

Masculin Messages : 27



Hover sur les liens Empty
Désolé du double post, j'ai pas trouvé le "Supprimer"...

Effectivement, avec ce code, ça marche nikel Hiro Wink Je te remercie !

Merci à vous deux d'avoir donné de votre temps Wink Un de ces jours je rejoindrais le groupe codeur en stage, mais j'ai encore du chemin à faire Smile

Vous pouvez clore le sujet Wink
MessageSujet: Re: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 15:41
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Hover sur les liens Empty
    Hello (:
    Comme demandé, j'archive cette demande !
    N'hésite pas à rouvrir un autre sujet si tu as d'autres questions =D
MessageSujet: Re: Hover sur les liens   Hover sur les liens EmptyMer 25 Avr 2012, 15:55
Revenir en haut Aller en bas
Contenu sponsorisé




Hover sur les liens Empty
MessageSujet: Re: Hover sur les liens   Hover sur les liens Empty
Revenir en haut Aller en bas
 

Hover sur les liens

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Liens] Liens avec fond coloré
» Effet img:hover
» HTML: CSS hover
» Comment utiliser hover.
» Problème de Hover(résolu)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit