Gestion du "visited" sur Firefox

Doud · 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

Sarc · 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

Doud · 2 Février 2007

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

Sarc · 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é !

Doud · 2 Février 2007

Merci je vais essayer cela.

Doud · 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.

Sarc · 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...)

Doud · 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 ?

Florent V. · 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.

Connexion

Gestion du "visited" sur Firefox

Sujets conseillés

Doud

Sarc

Doud

Sarc

Doud

Doud

Sarc

Doud

Florent V.

Veuillez vous connecter pour commenter

Parcourir

Activité