Aller au contenu

Liens sur MM_swapImage


gamory

Sujets conseillés

Bonjour,

Linterface graphique du site que je suis en train de construire ma été fourni par un graphiste qui est parti en voyage et qui ne peut pas maider. Le problème cest que je narrive pas à créer les liens sur les menus. Les codes sont en « MM_swapImage » et la procédure habituelle de création de liens de mon logiciel (Namo webeditor) ne fonctionne pas. La page vers laquelle je veux créer le lien sappelle « duplication.htm ».

CODE DE BASE DE L'IMAGE :

<tr>

<td height="25" valign="top"><img src="navig_norm1.jpg" alt="" width="277" height="25" id="Image6" onMouseOver="MM_swapImage('Image6','','images/navig_over1.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

</tr>

2 ESSAIS AVEC LE LIEN (en rouge ce que j'ai ajouté) :

<tr>

<td height="25" valign="top"><body onload="MM_preloadImages('navig_over1.jpg')"><a hre

f="duplication.htm"><img src="navig_norm1.jpg" alt="" width="277" height="25" id="Image6" onMo

useOver="MM_swapImage('Image6','','images/navig_over1.jpg',1)" onMouseOut="MM_swapImgRestore()

" /></a></td>

</body>

</tr>

<tr>

<td height="25" valign="top"><body onload="MM_preloadImages('navig_over1.jpg')"></body><a href="duplication.htm"></a><img src="navig_norm1.jpg" alt="" width="277" height="25" id="Image6" onMo

useOver="MM_swapImage('Image6','','images/navig_over1.jpg',1)" onMouseOut="MM_swapImgRestore()

" /></td>

</tr>

Dans le premier essai j'ai placé les balises </a> et </body> pour essayer de suivre un exemple de code que javais. Dans le deuxième, j'ai laissé ces balises là où le logiciel les place de lui-même. Résultat :

Dans le premier essai le lien fonctionne mais il y a un rectangle violet qui apparaît autour de l'image dans le menu et le bandeau du haut est abîmé.

Dans le deuxième essai le rectangle violet n'est plus là et le bandeau est normal mais le lien ne fonctionne pas.

J'ai fait je ne sais combien d'autres essais sans succès.

Lien vers le commentaire
Partager sur d’autres sites

Salut,

waouw, il ne faut pas utiliser la balise <body> n'importe où ! Celle-ci doit être unique sur la page. La solution est simplement

<a href="duplication.html" title=""><img src="" alt="" ... /></a>

La bordure que les navigateurs ajoutent autour des liens-images peut être supprimée facilement par une règle CSS :

a img {
border: 0;
}

Lien vers le commentaire
Partager sur d’autres sites

  • 3 semaines plus tard...

Merci pour la réponse, effectivement le bon code était :

duplication.htm

Encore merci et désolé de répondre si tard,

gamory

je sais pas ce qui se passe, impossible de coller le code !

en tout cas ça marche, problème règlé

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...