Se connecter avec
S'enregistrer | Connectez-vous

Masquer lien d'une zone cliquable d'une image

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

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

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>

Ca ne marche pas...
Voici mon HTML:
  1. <td class="footer">
    

  2. <img src="images/footer.jpg" border=0 width="906" height="128" usemap="#map2" style="cursor efault;">
    

  3.  
  4. <MAP name=map2>
    

  5. <AREA href="admin/index.php" shape="rect" coords="24,66,37,71">
    

  6.  
  7. </MAP></td>

Et voici mon css:

  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...

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

  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 :

  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. }

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+
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde