ggbce Posté(e) le 2 août 2005 Posté(e) le 2 août 2005 cursor:pointer fonctionne avec Mozilla et IE !!!! =========================== Comme on sait pas tous les browsers sont parfaitement identiques au niveau du support du code HTML & Javascript. J'ai l'habitude de faire des sites pours des usagers Microsoft (IE6), mais là je veus supporter FireFox (Mozilla et cie). Je bloque ici: Je veux faire un lien vers un autre page (ou autre chose) mais pas en utilisant A HREF car je ne veux pas de barre de soulignement, ni de couleur pour ce lien du style: Cliquez ici mais j'utilise plutot un fonction onmouseover et onmouseout pour faire changer la couleur du texte lorsque pointé dessus avec un onclick="window.open()" pour le lien. Je veux que ce soit plus VISIBLE pour l'usager en faisant appraître le curseur en forme de main pour indiquer que c'est un lien. Normallement avec IE6 j'utilise style="cursor:hand" mais cette fonction ne semble pas opérationel avec Mozilla... qu'est-ce que je peux utiliser comme remplacement à cette fonction ??? Le site actuel (Forum PcInpact) fait ce que ce veux (exemple: le lien pour changer de sous-branche du forum et le bouton connexion/déconnexion) mais je comprend pas trop comment il s'y prend avec A HREF <a href='http://www.pcinpact.com/forum/index.php?amp;act=Login&CODE=00'>Connexion</a> Ça semble être configuré dans l'en-tête, le body ou un CSS, mais je m'y perd et ça implique que tous les liens de la page sont comme ça... ------------------------------------ Exemple complet de mon code: <font face="Verdana" size="+1" onclick="window.open('indexl.html', '_self', '');" style="cursor: hand" onMouseOver="style.color='#00FF00'" onMouseOut="style.color='#000000'"><b>Linux</b></font>
Ago Posté(e) le 2 août 2005 Posté(e) le 2 août 2005 bon alors j'ai lu en oblique, mais je te conseille de travailler avec du CSS pour enlever le soulignement d'une balise a ... il doit y avoir plein de trucs à ce sujet sur le net
afbilou Posté(e) le 2 août 2005 Posté(e) le 2 août 2005 Tres tres tres mauvaise methode :) Tu fais un lien classique <a href="url">texte</a> Que tu style avec CSS : a:hover { style ... } // pour les liens parcouru par la souris a:visited { style ... } // pour les liens deja visités a:active { style ... } // pour les liens actuellement cliqués a { style ... } // pour les liens par defaut exemple : pour changer le soulignement : text-decoration:none; la couleur : color:#123456; pour le background : background-color: #123456; Et pour info cursor:hand n'existe pas dans les standards CSS, c'est une pure invention de IE ! La vraie propriete s'appelle : cursor:pointer; et marche sur tous les navigateurs.
afbilou Posté(e) le 2 août 2005 Posté(e) le 2 août 2005 Un exemple propre : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> a:link , a:visited { color: #58c; background-color: bisque; text-decoration: none; } a:hover , a:active { color: #005; text-decoration: underline overline; } </style> </head> <body> <h1>Whaouuuuuu</h1> <p> Je decouvre les CSS :D avec des <a href="#">liens</a> de partout <a href="#">partout</a> ! C'est beaucoup <a href="#">mieux</a> que le javascript pas du tout <a href="#">fait</a> pour ca :) </p> </body> </html>
ggbce Posté(e) le 8 août 2005 Auteur Posté(e) le 8 août 2005 Merci pour vos réponses et désolé du délai pour ma réponse... j'étais en vacances durant les 3 dernières semaines ------------------------------- Afbilou, merci pour ton conseil avec les CSS que je ne connais pas très bien et que je devrai apprendre mieux mais il ne faut pas que la règle s'applique à l'ensemble de la page web dans mon cas mais seulement pour certains liens. Est-il possible de spécifier à la commande A HREF de ne pas utiliser le CSS ou vice-versa ? Car la méthode que tu me parles oblige a utiliser le même "format" pour tous les liens présents dans la page.
Ago Posté(e) le 8 août 2005 Posté(e) le 8 août 2005 dans ce cas, tu définis une class et voila, c'est fait
raptor7 Posté(e) le 19 août 2005 Posté(e) le 19 août 2005 Essaye en mettant cursor:pointer au lieu de cursor:hand j'ai l'impression que firefox prefere
bobbyto Posté(e) le 19 août 2005 Posté(e) le 19 août 2005 Bonjour, Je te conseille fortement d'utiliser les CSS pour la présentation de ta page. Tu peux créer des classes spécifiques pour les liens href, et tu utilises telle ou telle classe selon le cas. HTML : <a href="..." class="classLien1"> xxx</a> <a href="..." class="classLien2"> yyy </a> CSS : .classLien1 { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 10px; } .classLien2 { font-family: Verdana, Arial, Sans-serif; font-size: 10px; }
ggbce Posté(e) le 21 août 2005 Auteur Posté(e) le 21 août 2005 +1 pour la méthode simple et rapide cursor:pointer. Je n'ai qu'à faire une recherche et un remplacement de cursor:hand par cursor:pointer dans tous mes fichiers html !
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.