Discussion :

[jonnyboy]

Bonjour à tous,

comment faire pour enlever les petits tirets qui apparaisse a coté des images possédant une bordure et ayant également le role de lien vers une autre page ?

Je précise avec le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="http://<? echo $tab_list['SiteWeb']; ?>">
<img src="../../images/logo-indisponible.gif" width="75" height="75" align="absmiddle" border="1" style="border-color:#0884A2;" />
</a>

fait apparaitre un petit tiret qui disparait lors du passage de la souris.

Est ce dans le css ?

Merci d'avance

[alexp]

il te suffit de rajouter ça dans ta feuille de style css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
a img
{
border: none;
}

[cadoudal56]

Tu peux déja commencer par mettre un border=0 a ton image...


@+
cadou

[jonnyboy]

Salut,
j'ai essayé ta solution et ca m'enlève tout le cadre (que je souhaite garder) et ca me laisse le petit tiret

Edit : Je me suis mal exprimé. Je souhaiterais avoir le border mais ne pas avoir le petit tiret qui apparait a coté de l'image.

[Bisûnûrs]

Essaie de mettre sur l'image :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

display:block;

[MasterOfChakhaL]

Salut,

Si quand tu parles de passage de la souris, il s'agit en fait du moment où tu cliques dessus, il te faut, je pense redéfinit la propriété outline.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
a:active {
  outline: none;
}

Je te conseille quand même de définir un style pour cette pseud classe, car sinon, cela sera compliqué pour les utlisateurs qui souhaite naviguer dans ton site avec le clavier.
Par exemple:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
a:active img {
  border-color: #une_autre_couleur;
}

[jonnyboy]

Merci a tous pour vos réponses !
J'ai essayé celle de Bisûnûrs et ca marche.
A+

[Bisûnûrs]

Pour explications : Les deux tirets venaient du fait que dans ton code tu allais à la ligne pour mettre ta balise img dans la balise a, ce qui créait un espace souligné de chaque côté de ton image.