Doud Posté 2 Février 2007 Partager Posté 2 Février 2007 Bonjour, Je rencontre un problème tout simple, la gestion de l'état visited sur un lien, sous firefox. Avec IE pas de problème, l'état est bien géré et je peux ainsi appliquer un style css sur un lien de la manière suivante : a:visited { font-size : 10px; } Par contre aucun résultat sous firefox, la gestion du hover et du active fonctionne pas celle du visited ? Avez-vous une idée ? Est-ce une option à activer ? Peut on contourner ce problème ? Merci pour votre aide Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sarc Posté 2 Février 2007 Partager Posté 2 Février 2007 Bonjour, Sans l'URL, on aura du mal à t'aider . C'est souvent une erreur humaine, quand un CSS ne marche pas... Et Firefox a la méchante habitude d'être moins permissif qu'IE, d'où parfois un affichage différent. Donne l'URL de la page, on te dira ça assez rapidement normalement Lien vers le commentaire Partager sur d’autres sites More sharing options...
Doud Posté 2 Février 2007 Auteur Partager Posté 2 Février 2007 (modifié) Je n'ai pas d'url car c'est une page que je travail en interne mais voici le code de ma css concernant le problème et l'appel dans la page. *** CSS *** .bt8 a img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width: 44px; height: 22px;}.bt8 a:hover img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width: 44px; height: 22px;}.bt8 a:active img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; width: 44px; height: 22px;}.bt8 a:visited img { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; width: 44px; height: 22px;} *** HTML *** <td class="bt8"><a href="../30_SECONDS/MEN_IN_ACTION_y.wav" target="listen"><img src="../../../DATA/img/bt-30s-on.gif" width="44" height="22" alt="PC users : RIGHT CLICK and select "Save Target As..."" title="PC users : RIGHT CLICK and select "Save Target As..."" onmouseover="setimg('../../../DATA/img/cover/hib537_action.jpg','imgchange')" onmouseout="setimg('hidden.gif', 'imgchange')"></a></td> Merci Modifié 2 Février 2007 par Doud Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sarc Posté 2 Février 2007 Partager Posté 2 Février 2007 Merci d'utiliser les balises [ code ] [ /code ] pour mettre du code, et [ codebox ] [ /codebox ] pour mettre des longs codes, sinon ce n'est plus lisible... Le problème que tu avais exposé au premier message n'est pas du tout le même qu'ici... Ici tu utilises des attributs propriétaires, sur des images en plus... Je te conseille déjà d'enlever le width et height dans ton code HTML, si tu les laisses dans ton CSS. Ca sera ça de gagné. Essaye de rajouter ça à la fin de ton CSS : a:visited img{border:10px solid red} et regarde si ça marche. De plus, tu dois mettre dans l'ordre : a:link, a:visited, a:hover, a:active pour que ça marche correctement. Sinon, tu n'auras pas forcément le résultat souhaité ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
Doud Posté 2 Février 2007 Auteur Partager Posté 2 Février 2007 Merci je vais essayer cela. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Doud Posté 2 Février 2007 Auteur Partager Posté 2 Février 2007 Merci pour le rappel de l'ordre des états d'un lien Bon j'ai fait la modification mais cela ne change rien. Du coup j'ai fait un test tout simple avec le code suivant : <html><head> <style type="text/css" media="all"> a { color: #0000FF; } a:visited { color: #FF0000; } a:hover { color: #FF00FF; } a:active { color: #00FF00; } </style</head><body> <a href="http://www.webmaster-hub.com" target="_blank" title="Webmaster HUB">Web 1</a><br> <a href="http://www.webmaster-hub.com" target="_blank" title="Webmaster HUB">Web 2</a><br> <a href="http://www.webmaster-hub.com" target="_blank" title="Webmaster HUB">Web 3</a><br> <a href="http://www.webmaster-hub.com" target="_blank" title="Webmaster HUB">Web 4</a><br> <a href="http://www.webmaster-hub.com" target="_blank" title="Webmaster HUB">Web 5</a><br> <a href="http://www.webmaster-hub.com" target="_blank" title="Webmaster HUB">Web 6</a><br> <a href="http://www.webmaster-hub.com" target="_blank" title="Webmaster HUB">Web 7</a><br></body></html> Et même problème l'état visited ne semble pas être géré par Firefox. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sarc Posté 2 Février 2007 Partager Posté 2 Février 2007 J'ai copié collé ton code, et testé chez moi. Résultat : ça marche parfaitement ! Peut-être un problème de configuration de ton navigateur ? (Je ne sais pas où peut se trouver les options concernant les liens visités, mais peut-être qu'elle existe...) Lien vers le commentaire Partager sur d’autres sites More sharing options...
Doud Posté 2 Février 2007 Auteur Partager Posté 2 Février 2007 Arf, mince alors.... Bon je vais relancer une batterie de test avec le code simple qui marche pour toi et je verrai ce que ça donne. Le problème vient peut être de la version portable de Firefox, qui sera le navigateur par défaut du projet puisque disponible que sur DVD et sans connexion internet. Merci pour ton aide Quel version de firefox tu utilise ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Florent V. Posté 2 Février 2007 Partager Posté 2 Février 2007 J'ai une question toute bête : le lien que l'on veut voir apparaitre avec l'état :visited... il a bien été visité également avec Firefox ? Parce que si Firefox n'a pas visité le lien, il ne pourra pas lui appliquer le style pour l'état :visited, hein. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant