Masquer lien sur image

Version imprimable

07/12/2011, 16h46
malabarbe

Masquer lien sur image

Bonjour,

Je sais cacher le lien sur du texte.

Comment faire avec une image ?

Merci de votre aide.
07/12/2011, 17h03
Torgar

Bonjour,

A priori je dirais de rajouter la propriété CSS border: none; sur l'image.

Tu pourrais nous montrer ton code pour que l'on voit ce qui a été fait s'il te plait ?
07/12/2011, 17h14
Bovino

:recherch: + :faq: :fleche: Comment supprimer le cadre d'une image quand celle-ci est definie dans un lien ?
07/12/2011, 17h16
Torgar

J'avais donc bien compris la question :mrgreen:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<html>
 
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
 
<STYLE type="text/css">
border: none; 
</style>
</head>
 
<body>
 
<p><a href="5445445" onMouseOver="window.status='';return true">kljhkljhkljh</a></p>
 
<p>&nbsp;</p>
<p><a href="http://www.google.fr">
<img border="0" src="file:kiki6C.gif" width="160" height="32"></a></p>
 
</body>
 
</html>

07/12/2011, 17h21
Bovino

Citation:

Envoyé par Torgar

J'avais donc bien compris la question :mrgreen:

Ou alors on est deux à pas l'avoir comprise ! :mouarf:
07/12/2011, 17h24
malabarbe

Le code que j'ai envoyé ne fonctionne
que sur un lien texte et le cache.

Pour l'image non !

Ma question n'est pas de cacher le cadre

mais de cacher le lien de l'image

Citation:

Envoyé par malabarbe

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<html>
 
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
 
<STYLE type="text/css">
border: none; 
</style>
</head>
 
<body>
 
<p><a href="5445445" onMouseOver="window.status='';return true">kljhkljhkljh</a></p>
 
<p>&nbsp;</p>
<p><a href="http://www.google.fr">
<img border="0" src="file:kiki6C.gif" width="160" height="32"></a></p>
 
</body>
 
</html>

Donc on avait bien compris :D

Il faudrait plutôt faire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html>
 
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
 
<styletype="text/css">
a img {
     border: none;
}
</style>
</head>
 
<body>
 
<p><a href="5445445" onMouseOver="window.status='';return true">kljhkljhkljh</a></p>
 
<p>&nbsp;</p>
<p><a href="http://www.google.fr">
<img src="file:kiki6C.gif" width="160" height="32"></a></p>
 
</body>
 
</html>

07/12/2011, 18h06
NoSmoking

Bonsoir,

Citation:

Envoyé par Torgar

Donc on avait bien compris :D

rien n'est moins sûr si l'on observe ce code onMouseOver="window.status='';return true">.

Je pose donc la question est ce tu as essayé le même code dans la balise A de ton image, juste pour voir ??
07/12/2011, 18h13
malabarbe

Bonsoir NoSmoking,

Je crois que nous-nous comprenons pas.

Je veut juste éviter qu'au survol de l'image,
que le lien soit visible.

Comme pour le lien texte.
07/12/2011, 18h29
NoSmoking
Citation:

Envoyé par malabarbe

Bonsoir NoSmoking,

Je crois que nous-nous comprenons pas.

Je veut juste éviter qu'au survol de l'image,
que le lien soit visible.

Comme pour le lien texte.

tu as de la chance je parle couramment le confus, plus 3 années de pas clair :mouarf:

je traduis donc...
```
Je souhaiterais qu'au survol de l'image contenu dans un lien,
celui ci n'apparaisse dans la barre de status.
```
un indice

Citation:

Envoyé par NoSmoking

Je pose donc la question est ce tu as essayé le même code dans la balise A de ton image, juste pour voir ??
07/12/2011, 18h33
Torgar

Citation:

Envoyé par malabarbe

Bonsoir NoSmoking,

Je crois que nous-nous comprenons pas.

Je veut juste éviter qu'au survol de l'image,
que le lien soit visible.

Comme pour le lien texte.

Dit comme ça c'est plus clair déjà ^^

Je procède de cette façon pour ma part.

Code:

<a href="javascript:void(0);" onclick="window.location.href ='ta_page.html';"><img src="ton_image.gif" alt="" /></a>
07/12/2011, 18h39
malabarbe

Bonsoir,

Oui cela n'affiche pas le lien mais dan la barre
de status, mais cela affiche : javascript:void(0)

Par contre, je ne connais pas la balise a !
07/12/2011, 19h04
Bovino

Citation:

Envoyé par malabarbe

[code]<a href="5445445" onMouseOver="window.status='';return true">kljhkljhkljh</a>

Citation:

Envoyé par malabarbe

Par contre, je ne connais pas la balise a !

:weird:
07/12/2011, 19h52
Torgar

De toute manière il y aura toujours quelques choses d'inscrit dans la barre de statut si j'ai bonne mémoire. Ca ne fonctionne pas avec tout les navigateurs il me semble. En tout cas sous Firefox 8.0 et 10 c'est le cas.
07/12/2011, 22h43
NoSmoking

sous CHROME, FireFox 3.6, OPERA et SAFARI AUCUN effet, seul IE7 cache l'inavouable !
08/12/2011, 00h33
thelvin

Ou pour le dire autrement, c'est pas possible, en fait.
Les gens qui utilisent un navigateur n'ont pas envie qu'on cache les liens, 'faut être logique -_-°.

(Bon, je dis ça, mais en réalité, pour "cacher le lien" aux utilisateurs lambdas, il suffit de ne pas mettre l'url de ce lien dans l'attribut href de la balise <a>. À la place, tu fais un appel JavaScript sur onclick() qui déclenche la navigation vers l'URL voulue. Un informaticien pourra aller vérifier quelle est cette URL, mais il faut vraiment avoir que ça à foutre.
Par contre, je te préviens, Google n'aime pas du tout les sites qui font ça.)