Lien html survolé et actif

Fermé
bj0212 - 31 janv. 2009 à 14:59
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 31 janv. 2009 à 19:52
Bonjour,
j'ai un lien html qui est le suivant
<a href="http://greenflash.free.fr/cariboost3/crbst_5.html" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="black"> <FONT face="verdana"> <FONT size="20pt"> Contact</FONT></a>

Je voudrais savoir comment faire pour qu'il se souligne au passage de la souris et pour changer la couleur lorsque l'on ai sur la page du lien en question c'est à dire quand le lien est actif.
Je récapitule:
Normal: couleur1 / pas souligné
Survolé: couleur1 / souligné
Actif: couleur2 / pas souligné

Je pense qu'il y a une commande du genre "onclick" mais pour le survol mai je n'ai pas trouver, à tout hasard j'ai essayer "onrollover" mais sa ne marche pas ^^

Pour mieux vous rendre compte regarder cette page: http://greenflash.free.fr/cariboost3/crbst_0.html
En fait je voudrais que mes 3 lien "chat", "contact", et "musique" soit comme les autres (accueil, animation,...).

Si quelqu'un voudrais bien me faire le code (pour les couleurs peu importe je changerai) directement c'est serai top!
Merci, bonne journée.

11 réponses

EminoMeneko Messages postés 2435 Date d'inscription jeudi 24 janvier 2008 Statut Membre Dernière intervention 23 mai 2018 318
31 janv. 2009 à 15:01
Chercher rollover en javascript. Simple et efficace
ou bien même une feuille de style CSS peut être suffisante je crois. :)
0
je crois avoir trouvé:
onmouseover=
0
Je ne sais pas où le placer...
Je remet mon code:
<a href="http://greenflash.free.fr/cariboost3/crbst_5.html" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="black"> <FONT face="verdana"> <FONT size="20pt"> Contact</FONT></a>
0
akuma06 Messages postés 48 Date d'inscription dimanche 10 août 2008 Statut Membre Dernière intervention 12 juin 2010 4
31 janv. 2009 à 15:20
<a href="http://greenflash.free.fr/cariboost3/crbst_5.html" onmouseover="Style à appliquer;" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="black"> <FONT face="verdana"> <FONT size="20pt"> Contact</FONT></a>
0
bj0212 > akuma06 Messages postés 48 Date d'inscription dimanche 10 août 2008 Statut Membre Dernière intervention 12 juin 2010
31 janv. 2009 à 15:36
Sa marche pas. J'ai fais ça:
<a href="http://www.webmasteroo.com" onmouseover="<FONT color="black">" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="white"> <FONT size="4pt"> <FONT face="arial"><B> Chat</FONT></B></a>
0
jona303 Messages postés 369 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 28 janvier 2013 28
31 janv. 2009 à 15:27
perso j'ai des ptits soucis aussi avec le actif,
pour résoudre le probleme je teste mes get pour savoir à quel endroit on est et j'envoie une class ou une autre
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
je n'ai toujours pas résous mon problème svp aidez moi.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
31 janv. 2009 à 18:43
salut,

en CSS et impérativement dans cet ordre :
a:link{
color:#000000;
text-decoration:underline;
}
a:visited{
color:#000000;
text-decoration:underline;
}
a:hover{
color:#FF0000;
text-decoration:underline overline;
}
a:active{
color:#0000FF;
text-decoration:underline;
}

et un article pour savoir comment utiliser les CSS.
0
Je préférerai en html.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
31 janv. 2009 à 19:07
ben il va falloir commencer par te former !

HTML = contenu
CSS = mise en page
JS = interaction

donc dans tous les cas ce n'est pas du HTML.

je viens de te donner la meilleure et la plus simple des méthodes.
après si tu veux réinventer la roue en Javascript, bon courage !
-:oD
0
ok mais je mais ça comme ça direct entre les balise HEAD en changeant juste les couleurs ou y'a autre chose à changer?
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
31 janv. 2009 à 19:31
dans "intuisphere.css" (ou l'autre CSS, à toi de voir) :
div#menu-html a:link{
color:#FFFFFF;
text-decoration:none;
}
div#menu-html a:visited{
color:#FFFFFF;
text-decoration:none;
}
div#menu-html a:hover{
color:#000000;
text-decoration:none;
}
div#menu-html a:active{
color:#FFFFFF;
text-decoration:none;
}

et dans le code de ton menu tu ajoutes l'identifiant sur le <div> (partie soulignée) :
<div id="menu-html" style="position: absolute; left: 637px; top: 123px; width: 41px; height: 30px; z-index: -9987;">
<!--BEGIN CUSTOM HTML CODE-->
<font color="white"><font size="4"><a style="text-decoration: none;" target="popup" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" href="http://greenflash.free.fr/cariboost3/crbst_5.html"><font color="white"> <font size="4"> <font face="arial"><b> Contact</b></font><b/></font></font></a>
<!--END CUSTOM HTML CODE--></font></font></div>
0
Je crois que je vais m'en passer parce que ça dérègle tout mon site..

htt://greenflash.free.fr
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
31 janv. 2009 à 19:52
tu t'es planté, ces modifs ne peuvent pas provoquer ça. tu as oublié de fermer une balise ou un guillemet.
0