Tom's Guide > Forum > Programmation > Masquer lien d'une zone cliquable d'une image
Masquer lien d'une zone cliquable d'une image - Programmation
TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Répondre
Mot :    Pseudo :           
 
AF117   27-06-2008 à 12:58:57

Bonjour,
Je débute mais j'ai une question... Comment masquer un lien d'une zone cliquable d'une image ? C'est à dire faire en sorte que lorsque l'on passe la souris sur une partie de l'image, on ne voie pas que c'est un lien. Merci

AF117

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
SiMax86   27-06-2008 à 13:59:45
- 0 +

Bonjour,

 

dans votre css :

 
Code :
  1. img a {
  2. cursor:default;
  3. }


Message édité par SiMax86 le 27-06-2008 à 19:27:13
------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
AF117   27-06-2008 à 17:56:22
- 0 +

Ca ne marche pas ! Qqun a autre chose ?

Répondre à AF117
SiMax86   27-06-2008 à 19:27:01
- 0 +

Vous voulez bien cacher le curseur ?

Autrement essayez directement sur votre image

Code :
  1. <img src="image.png" style="cursor:default;" />

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
periaz   27-06-2008 à 19:53:02
- 0 +

non je pense ce qu'il veux c'est faire : si l'on met son curseur sur une image qui ne mène nul part, ça fait une flèche mais si l'on met le curseur sur une image qui mène vers une page, ça nous met une main

AF117 veut que a la place de la main, il y est une flèche pou cacher la présence du lien qu'envoie l'image

Répondre à periaz
SiMax86   27-06-2008 à 20:17:10
- 0 +

Oula ! Je n'ai rien compris :)

En gros :
- Images sans lien : curseur normal
- Images avec lien : curseur en main

?

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
AF117   27-06-2008 à 23:54:14
- 0 +

Non !
J'aimerais que le lien soit caché lorsque l'on passe la souris dessus -> Que la flèche de la souris ne se transforme pas main mais reste une flèche.

Répondre à AF117
SiMax86   28-06-2008 à 11:22:07
- 0 +

Dans ce cas c'est comme cela :

Code :
  1. <img src="image.png" style="cursor:default;" />

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
AF117   28-06-2008 à 11:29:18
- 0 +

Mais cela ne marche pas !

Répondre à AF117
periaz   28-06-2008 à 19:35:35
- 0 +

attend lol

tu a mis ce code dans le code css ??

ta enlever le 1. de cet phrase ??

tu as changé image.png par le nom de ton image et par ton extansion ??

Répondre à periaz
periaz   28-06-2008 à 19:46:33
- 0 +

je viens de tester et ca marche niquel chez moi enfin la première solution !

 

regarde dans ton code css tu mets :

 

a img
{
border: none;
cursor: default;

}

 

et puis tu n'oublie pas de mettre dans ton html la balise link entre <head> et </head>


Message édité par periaz le 28-06-2008 à 19:46:56
Répondre à periaz
SiMax86   29-06-2008 à 17:22:40
- 0 +

Effectivement si jamais AF117 ne connais pas les bases ça ne risque pas de marcher...

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
AF117   01-07-2008 à 12:35:35
- 0 +

Ca ne marche pas...
Voici mon HTML:

Code :
  1. <td class="footer">
  2. <img src="images/footer.jpg" border=0 width="906" height="128" usemap="#map2" style="cursor efault;">
  4. <MAP name=map2>
  5. <AREA href="admin/index.php" shape="rect" coords="24,66,37,71">
  7. </MAP></td>


Et voici mon css:

Code :
  1. .footer {
  2.     HEIGHT: 128px
  3.     }
  4.     .footer a:img{
  5.     cursor: default;
  6.     border: none;
  7. }


Je ne vois pas ou est le prob...

Répondre à AF117
periaz   01-07-2008 à 20:44:01
- 0 +

oula il y a des petits probleme dans ton code je crois !

tu mais tout en double ;)

je vais t'expliquer

déjà tu met dans ton code html l'image que tu veux !

exemple :
________________________________________________________

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" >
</head>
<body>
<p>voici une image</p>
<a href="http://ton lien ou tu veux aller.html"><img src="ton image.ton extension" alt="le titre de l'image"></a>
</body>
</html>

_______________________________________________________

tout ce qui est en vert, tu PEUX le changer.

tout ce qui est en rouge, tu DOIS le changer.


puis dans ton css qui s'appelle design.css (dans l'exemple), tu met

Code :
  1. a img
  2. {
  3.   border: none;
  4.   cursor: default;
  5.  
  6. }



et puis voila

tu ne doit pas mettre .footer parce que ton image est footer.jpg et quand tu met HEIGHT: 128px, tu enlève l'accolade qui suit ! c'est du boulot ni fait, ni a faire dsl !

pas besoin de mettre tout tes code parce que la tu t'embête la vie
après si tu veux redimensionner l'image, tu fait dans ton css :

Code :
  1. a img
  2. {
  3.   border: none;
  4.   cursor: default;
  5.   width: 155px; /* tu modifie la taille de ton image apres */
  6.   height: 20px; /* idem */
  7.  
  8. }

Répondre à periaz
AF117   01-07-2008 à 23:47:35
- 0 +

Merci bien, je vais essayer !

Répondre à AF117
periaz   02-07-2008 à 13:08:21
- 0 +

oki tu nous tiens au courant !

Répondre à periaz
AF117   04-07-2008 à 18:43:48
- 0 +

Du nouveau !
Enfait, avec le nouveau code, ca marche sous IE7 mais pas FF3 ni Opéra...
Et sur IE7, on a toujours un lien s'affichant en bas à gauche du navigateur lorsqu'on passe la souris dessus...
J'attend vos réactions ! ^^
A+

Répondre à AF117
periaz   05-07-2008 à 00:02:08
- 0 +

ah sa désolé mais je crois que le lien y restera tjrs lol

attend je vais essayé des méthodes mais sa m'étonnerais que ca marche :s

Répondre à periaz
CRicky   06-07-2008 à 11:26:29
- 1 +

De toutes façons en réglant bien les options de firefox, il y a toujours moyen de voir le lien, et heureusement !

------------------------------ 6800A007B81300CD10B00131C989CF26880541
81F900FA750230EDBADA03ECA80875FBECA808
74FBE4603C0175DFB80300CD10B8004CCD21
 Répondre à CRicky
AF117   06-07-2008 à 16:07:27
- 0 +

Ok mais y a pas un moyen qu'on ne voie au moins pas la main sous FF3 et opéra ?!?

Répondre à AF117
periaz   06-07-2008 à 19:24:52
- 0 +

on te la dit plus haut comment faire !

Répondre à periaz
AF117   06-07-2008 à 23:00:20
- 0 +

Ben ca ne marche pas, tu lis un peu ?

Répondre à AF117
periaz   09-07-2008 à 12:26:02
- 0 +

bah oui je lis !

deja je suis ton topic pour t'aider donc si t'es pas content tu le dis et je me casse !

Répondre à periaz
sparrowix   09-07-2008 à 12:54:37
- 0 +

je crois qu'avec onclick() ( javascript ) le navigateur ne l'interprete pas comme un lien

------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
 Répondre à sparrowix
AF117   09-07-2008 à 17:17:03
- 0 +

Pourrais-tu être un peu plus clair STP ?

Répondre à AF117
sparrowix   10-07-2008 à 09:51:00
- 0 +

<img src="..." onclick="tafonction();" > // je crois que le ; n'est pas indispensable.

puis dans <script language="JavaScript"></script> qui se trouve dans ton <head> tu mets ta fonction

function tafonction() {

// ce que tu veux faire
}


Message édité par sparrowix le 10-07-2008 à 09:51:47
------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
 Répondre à sparrowix
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Masquer lien d'une zone cliquable d'une image
Aller à :

Il y a 2928 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,328 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens