28111 sujets

CSS et mise en forme, CSS3

Pseudo-class :active et mozilla

Bonjour à tous
Je veux changer le style de mes liens quand on clique dessus.
Mon code fonctionne parfaitement sur safari mais rien à faire sur firefox.
Le w3c donne pourtant la pseudo-classe :active comme compatible chez mozilla.
Pourriez vous jeter un oeil à mon code et me dire pourquoi mozilla ne veut pas en entendre parler alors qu'il prend bien la pseudo-classe :hoover ?
Merci à tous

<header>
    <h1>Dans le très grand bassin</h1>
    <nav> <a href="#">Accueil</a> <a href="#">Divers</a> <a href="#">Contact</a> </nav>
    <div class="clear"></div>
  </header>

css:
header, {
	display: block;
}
header nav {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	height: 45px;
	padding-left: 20px;
	}
header nav a {
	float: left;
	display: block;
	background-color: blue;
	color: #FFFFFF;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	width: 90px;
	height: 25px;
	padding: 10px;
	border-right: 1px white dotted;
}
header nav a:hover {
	background-color: #FFFFFF;
	color: #FAAE1F;
}
header nav a:active {
	background-color: #EC5812;
	color: #09437A;
}
.clear {
	clear: both;

Modifié par 6l20 (01 Oct 2014 - 13:06)
Bonjour,

Penser à utiliser les balises de colorisation syntaxique pour faciliter la lecture de votre code, merci.
La pseudo classe active fonctionne effectivement sous Firefox, en tout cas chez moi sous environnement mac et dernière version de Firefox.
Dans quel contexte constatez-vous un souci ?
Page de test en ligne ? (peut-être existe une interférence de le reste de votre feuille de styles)
Sujet clos
Aller à