Lien html survolé et actif

bj0212 -  
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.
Configuration: Windows Vista
Firefox 3.0.5

11 réponses

  1.  Dalida Contributeur
    tu t'es planté, ces modifs ne peuvent pas provoquer ça. tu as oublié de fermer une balise ou un guillemet.
    1. bj0212
      Je crois que je vais m'en passer parce que ça dérègle tout mon site..

      htt://greenflash.free.fr
      1. Dalida Contributeur
        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>
        1. bj0212
          ok mais je mais ça comme ça direct entre les balise HEAD en changeant juste les couleurs ou y'a autre chose à changer?
          2. bj0212
            Je préférerai en html.
            1. Dalida Contributeur
              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
          3. Dalida Contributeur
            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.
            2. jona303
              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
              1. bj0212
                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>
                1. akuma06
                  <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>
                2. bj0212
                  @akuma06Sa 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>
              3.  EminoMeneko
                Chercher rollover en javascript. Simple et efficace
                ou bien même une feuille de style CSS peut être suffisante je crois. :)

                Discussions similaires

                Copier un lien instagram
                alaurore

                7 réponses
                Retrouver liens copiés sur le téléphone
                SAMA

                2 réponses
                copie d'un lien dans le navigateur internet
                Ulysse Orseau

                4 réponses
                Actif ou en ligne.
                Belette54

                2 réponses
                Rajouter des éléments à un menu en HTML
                leparradiss

                11 réponses