Ancre et lien

Bonjour à tous, smile

Voilà, je suis entrain de codé une ancre bizzare ( qui remonte en haut de page)
Le problème c'est que j'aimerais enlever le soulignement à ce derniers, qui est influencé par le lien normal:

Mais je n'y arrive pas
Voici le code

<a href="#">
              <img class="image" onmouseover="this.src='images/direction_rol.gif'" title="haut de la page" onmouseout="this.src='images/direction.gif'" alt="retour menu" src="images/direction.gif" /></a>

et

a img
{
border: none ;
}
	
a:link, a:visited {
	color: #9523E7;
	border-bottom: 1px dotted #9523E7;
	text-decoration: none;

	
	
	}
a:hover, a:active {
	color: #9523E7;
	border: none;
	}
.image {
	
	border: none;
	text-decoration:none;
	}
		.image a:link, .image a:visited {
text-decoration:none;
	border: none;
	}
.image a:hover, .image a:active {
border:none;
text-decoration:none;
	}

Merci de vos conseils

Et avec ça tout court, sans le "a" ça donne quoi ?

img
{
border: none ;
}

Salut,
Et non, rien ne change, je ne comprends pas...

Merci d'avance

Alors, comme ça à froid, sans tests, je pense que ça devrait donner

<a class="to_top"></a>

a.to_top
{
  display : block;
  width : celle de l'image
  height : celle de l'image
  background : url("direction.gif");
  text-decoration : none;
}
a.to_top:hover
{
  background : url("direction_rol.gif");
}

Bonjour,

Ta classe .image portée par l'élément img ne peut pas annuler la bordure fixée pour les éléments a.

En outre, une partie des sélecteurs ne visent rien : .image a:hover = "les liens a contenu dans les éléments de classe .image"...


Appliquer la classe au lien concerné, non à l'image, et indiquer simplement a.image {border:0}.
Modifié par Laurent Denis (27 Oct 2005 - 20:49)

Bonjour,

Excuse moi Laurent Denis, mais je ne comprends pas ce qui tu m'as expliqué

ce a.image {border:0} je dois le mettre ou?
dois-je tout supprimé ma class?

Merci d'avance