Faire "ressortir" un menu

Faire "ressortir" un menu - HTML/CSS - Programmation

Marsh Posté le 10-05-2009 à 14:35:54    

Bonjour
 
J'aurai besoin de votre aide. Je voudrais utiliser un genre de onmouseover qui, lorsque je fais passer ma souris dessus "ressorte"
Je m'explique : quand un menu ressort, j'utilise "class=here" , quand ce n'est pas le cas, il n'y a rien
Je voudrais donc faire "apparaitre" le class=here selon que la souris est sur le menu ou pas
 
Si vous ne comprenez toujours pas, je veux faire un truc du genre comme sur le menu du haut de phpmyadmin lorsque vous éditez votre base
 
Merci d'avance pour vos réponses
 
Cordialement,
Adam

Reply

Marsh Posté le 10-05-2009 à 14:35:54   

Reply

Marsh Posté le 10-05-2009 à 15:12:49    

À priori, pas besoin de js pour cela. Emploie la pseudo class :hover et c'est bon

Code :
  1. <li><a href="#"><span>lien</span></a></li>


Code :
  1. a:hover {background-p:red}
  2. a:hover span {background:red}

Reply

Marsh Posté le 10-05-2009 à 15:12:49    

double post


Message édité par David Boring le 10-05-2009 à 15:13:22
Reply

Marsh Posté le 10-05-2009 à 16:38:52    

Merci ça marche :)

Reply

Marsh Posté le 06-07-2009 à 18:12:35    

David Boring a écrit :

À priori, pas besoin de js pour cela. Emploie la pseudo class :hover et c'est bon

Code :
  1. <li><a href="#"><span>lien</span></a></li>


Code :
  1. a:hover {background-p:red}
  2. a:hover span {background:red}



 
bonjour  
 
je n'ai pas compris ou mettre le code a:hover {background-p:red} et
a:hover span {background:red} je n'ai jamais utiliser span, et le onmouseover ne fonctionne pas ?

Reply

Marsh Posté le 06-07-2009 à 23:31:18    

C'est plus rapide pour le navigateur de le faire en css qu'en javascript.
Tu mets la css associé à ton menu dans une feuille de style à part que tu lances depuis ta page html.
Si j'ai mis en span c'est pour pouvoir, par exemple, faire des tabs qui ont un style différent quand on passe la souris dessus.
Un tuto pour expliquer: http://www.webcredible.co.uk/user- [...] ners.shtml

Reply

Marsh Posté le 09-07-2009 à 21:59:21    

ok super merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed