Images soulignées !!!

Salut,

J'ai un problème bête mais je ne trouve pas de solution.

J'ai une css avec le a ( les liens ) j'ai mis souligné
A {
color: #000000;
text-decoration: none;
border-bottom: #0000ff 1pt solid;
}
Mais maintenant toutes mes images sont soulignées .

Comment je fait pour ne souligné que le texte
avec des images de ce genre
<a href="http://www.actocom.com"><img src="images/notebook3.gif" alt="Développement web et informatique" title="Développement web et informatique" width="140" border="0"></a>
Modifié par actocom (01 Nov 2006 - 08:48)

Hello et bienvenue,

Effectivement, tu affectes une bordure au sein de tous tes liens, donc logiquement qu'il y'ait du texte ou un autre contenu (image) dans tes liens, il sera souligné.

Pour éviter cela, tu peux créer une règle qui annule cette bordure et qui s'applique à toutes les images contenues dans un lien :

a img {
border : 0 none;
}

Et voilà

En fait ca n'a pas marché car j'avais

a {
  color: #000000;
  text-decoration: none;
border-bottom:    #0000ff 1pt solid;
}
a:hover {
  color: #ff0000;
 border-bottom:    #ff0000 1pt solid;
}

J'ai donc enlever le border-bottom

j'ai l'impression que ce border-bottom n'est pas vraiment la meme chose qu'un souligné normal !
Modifié par actocom (30 Oct 2006 - 11:09)

Tu as essayé en donnait une classe à tes images et en spécifiant dans leur style border:0 none; ?

Raphael a écrit :

a img {
border : 0 none;
}

Petite question en passant : ne suffit-il pas d'utiliser border: 0; ?

Eldebaran a écrit :
Petite question en passant : ne suffit-il pas d'utiliser border: 0; ?

Coucou !
En fait, comme tu le penses, l'instruction border: 0; peut suffire,
mais dans certains cas, où des bordures ont déjà été spécifiées (ce qui est le cas ici), ajouter "none" donne plus de poids à ton instruction et empêche certains bugs...
Modifié par Cygnus (30 Oct 2006 - 13:50)

Cygnus a écrit :
Coucou !

Coucou toi même (je ne vais quand même pas me laisser insulter) !

Cygnus a écrit :
En fait, comme tu le penses, l'instruction border: 0; peut suffire,
mais dans certains cas, où des bordures ont déjà été spécifiées (ce qui est le cas ici), ajouter "none" donne plus de poids à ton instruction et empêche certains bugs...

Je ne sais pas pourquoi, mais je pense que l'on parle de IE...

Merci pour ta réponse !

Cygnus a écrit :
ajouter "none" donne plus de poids à ton instruction et empêche certains bugs...

Oui, sur Netscape 4 par exemple et autres dinosaures.

a écrit :
j'ai l'impression que ce border-bottom n'est pas vraiment la meme chose qu'un souligné normal !

Ah ben non, border c'est pour les bordures. Le soulignement normal, c'est text-decoration: underline;

Eldebaran a écrit :
Petite question en passant : ne suffit-il pas d'utiliser border: 0; ?

Non mais j'en ai pas mis à mes <a href=...></a>

Comment faire si je veux souligner ( normalement) mais d'une autre couleur mais pas le texte et le soulignement
Le texte d'un couleur et le souligment d'une autre couleur.

Salut,

Ce n'est pas possible autrement qu'en mettant une bordure justement donc tu peux faire ainsi :

a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #00F;
}
a:hover {
    color: #F00;
    border-bottom: 1px solid #F00;
}
a img {
    border: 0 none;
}