URGENT : changer la couleur d'un TEXTE au survol du curseur (HTML) - Programmation
Marsh Posté le 20-03-2001 à 12:17:22
tu peux aussi utiliser les events onMouseOver et onMouseOut dans l'attribut de la balise contenant le texte ...
<A href="#" onMouseOver="this.style.color = 'green'" onMouseOut="this.style.color = 'red'">Letexte</A>
Tu accedes ainsi directement à la propriete CSS Color.
Marsh Posté le 20-03-2001 à 12:33:21
nabab : ca ne passe pas il ne me change pas la couleur ... j'y comprends vraiment plus rien la
Marsh Posté le 20-03-2001 à 12:49:58
ouff, ca y est, c'est passe avec un "simple"
<style rel="text/css">
a:link { color : rgb(0,0,120) ; text-decoration : none}
a:hover{ color : rgb(255,0,0} ; text-decoration : none}
</style>
comme indique par zop
par contre, je devais avoir fait autre chose car ca ne passait pas. du coup, j'ai vire tous mes liens et je les ai recree et ca passe maintenant !
merci a tous
++
Marsh Posté le 20-03-2001 à 13:16:41
arfff, c'etait trop beau ...
j'ai de nouveau une question a vous poser :
j'aimerais que les liens visites ne changent pas de couleur ...
j'ai essaye de mettre la meme couleur pour les liens non visites et les liens visites mais du coup, la a:hiver n'apparait plus !
comment faire svp ?
Marsh Posté le 20-03-2001 à 13:59:21
C'est pas de la provocation mais j'aimerais savoir:
- tu travailles en tant que Webmaster junior, tu sors d'une formation qui a rapport avec ? si oui, laquelle ?
- tu travailles dans quelle condition ? (vous êtes une bande de juniors ou alors il y a au moins un senior parmi vous ou alors tu es tout seul ?)
- Comment t'as fait pour être à ce poste ? Cà va finir par m'interresser ce métier
sinon pour répondre à ta question il faut ajouter la ligne
'a:visited { color : rgb(0,0,120) ; text-decoration : none }'
c'est bizarre ce que tu dis, pourquoi ne postes-tu pas ton bout de code ici qu'on y jette un oeil ?
Marsh Posté le 20-03-2001 à 14:13:03
Moi aussi j'ai une question quel navigateur utilises tu ?
Car le bout de code que je t'ai donné et qui change la couleur d'un lien quand la souris passe dessus marche tres bien sous IE ....
Marsh Posté le 20-03-2001 à 14:34:57
re ...
le a:visited, je l'ai bien rajoute ... en fait, (ca me parrait totalement absurde mais ca a resolu mes prob), il fallait que je place le a:visited AVANT le a:hover sinon, ca passait pas
voila le code qui marche tres bien ...
<style rel="text/css">
a:link { color : #3366CC ; text-decoration : none}
a:visited{ color : #3366CC ; text-decoration : none}
a:hover{ color : #FFCC00 ; text-decoration : none}
</style>
pour le navigateur que j'utilise, je marche surtout avec IE 5 pour Mac (eh oui, je bosse sur Mac )
pour ce qui est de moi et de mon environnement : je suis tout seul, je sais, je ne suis pas tres bon mais je progresse. Le probleme, c'est que je bosse sous Dreamweaver donc, je pars d'un environnement visuel et en passant dans le code, j'apprends plein de choses. Et la, les CSS, c'est la 1ere fois que je les utilisais (d'ailleurs, ca a l'air tres puissant !)
Pour conclure, je m'excuse de vous avoir importune de la sorte.
Je vous souhaite bonne continuation en vous remerciant a nouveau pour votre aide .
PS : je vais supprimer "webmaster" de mon profil, on me pardonnera plus facilement mon incompetence sur de nombreux points ...
++
Marsh Posté le 20-03-2001 à 14:39:15
Batman-Fr a écrit a écrit : Lord II : promis pour le bouquin, mais la, il faut me sauver (j'ai un ultimatum comme on appelle ca ) |
je te conseille HTML 4 un peu partout qui est une bible.... et les sites sur le net ( les forums en dernier ressort )
Marsh Posté le 20-03-2001 à 14:40:30
Oula, c un forum, la sollicitude est de mise.
Quand à tes competences, ou ton statut toi seul est libre de le juger, webmaster n'est pas synonyme de programmeur JavaScript ou CSS, ....
Les forums, les newsgroups, marchent ainsi par une evolution, tout le monde est passé par le statut de débutant ...
Marsh Posté le 20-03-2001 à 16:32:58
Batman-Fr a écrit a écrit : re ... le a:visited, je l'ai bien rajoute ... en fait, (ca me parrait totalement absurde mais ca a resolu mes prob), il fallait que je place le a:visited AVANT le a:hover sinon, ca passait pas voila le code qui marche tres bien ... <style rel="text/css"> a:link { color : #3366CC ; text-decoration : none} a:visited{ color : #3366CC ; text-decoration : none} a:hover{ color : #FFCC00 ; text-decoration : none} </style> pour le navigateur que j'utilise, je marche surtout avec IE 5 pour Mac (eh oui, je bosse sur Mac ) pour ce qui est de moi et de mon environnement : je suis tout seul, je sais, je ne suis pas tres bon mais je progresse. Le probleme, c'est que je bosse sous Dreamweaver donc, je pars d'un environnement visuel et en passant dans le code, j'apprends plein de choses. Et la, les CSS, c'est la 1ere fois que je les utilisais (d'ailleurs, ca a l'air tres puissant !) Pour conclure, je m'excuse de vous avoir importune de la sorte. Je vous souhaite bonne continuation en vous remerciant a nouveau pour votre aide . PS : je vais supprimer "webmaster" de mon profil, on me pardonnera plus facilement mon incompetence sur de nombreux points ... ++ |
Peut-être un problème de cache !?~
Marsh Posté le 20-03-2001 à 19:00:54
je ne pense pas, les modifs avaient l'air de bien passer ...
m'enfin
Marsh Posté le 20-03-2001 à 19:05:33
Pour le developpement HTML le mieux est un cache reduit à nul, zop à raison de le faire remarquer IE du fait de son cache joue pas mal de tour
Marsh Posté le 20-03-2001 à 19:16:38
oui, c'est vrai que c'est judicieux
j'allais souvent le vider mais j'avais pas penser a le supprimer carement.
merci du conseil
Marsh Posté le 20-03-2001 à 19:28:14
En fait il faut se servir des deux le vider et le mettre à zero, car meme si il est à zero IE fait des siennes
D'ailleurs le mieux c de developper son propre IE pour le developpement ... mais c une autre histoire ...
Marsh Posté le 20-03-2001 à 19:57:11
developper son propre IE
Marsh Posté le 20-03-2001 à 20:01:02
I.E.A.K. mais je ne sais meme pas si il y a une possibilité de changer la gestion du cache .... En fait c'etait plutot une boutade ...
Marsh Posté le 20-03-2001 à 11:56:46
Bon bah j'suis perdu
Lord II : promis pour le bouquin, mais la, il faut me sauver (j'ai un ultimatum comme on appelle ca )
Zop : j'comprends plus grand chose ...
D'apres ce que j'ai compris , le a:hover definit la couleur des liens lorsqu'ils sont survoles et le a:link lorsqu'ils sont a leur etat normal ?
Perso, j'ai ca :
<style type="text/css"><!--
a:hover { color: #66CC00; text-decoration: underline }
a:link { color: #3366cc; text-decoration: none }
a:visited { color: #0000ff; text-decoration: none }-->
</style>
Il a l'air de bien prendre en compte le a:link mais pas du tout le a:hover : la couleur ne change pas lorsque le curseur survole le texte ...
---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391