Image avec zones cliquables ne fonctionne pas

Fermé

traderpierre Messages postés 291 Date d'inscription mercredi 11 octobre 2006 Statut Membre Dernière intervention 6 janvier 2024 - 14 avril 2019 à 18:40
traderpierre Messages postés 291 Date d'inscription mercredi 11 octobre 2006 Statut Membre Dernière intervention 6 janvier 2024 - 9 mai 2019 à 16:28

Bonjour,
J'ai crée un bandeau HTML incorporant une image avec plusieurs zones cliquables, renvoyant à différents liens.
à l'édition, il n'y a aucunes zone cliquables alors qu'elles sont parfaitement dans le code html

Voici le lien sur ce bandeau
https://promosdusines.com/Bandeau1.html
et voici le code source ;
view-source:https://promosdusines.com/Bandeau1.html

Une fois que les zones cliquables fonctionneront, je souhaite que cette image et ses zones cliquables soient également responsives afin de s'adapter à tous le écrans.
Pour l'image seule je sais le faire en mettant les dimensions à 100% mais les zones cliquables ne suivent pas

Pouvez vous m'aider sur une ou ces deux questions

Configuration: Windows / Firefox 66.0

A voir également:

Image avec zones cliquables ne fonctionne pas
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Faststone image viewer - Télécharger - Visionnage & Diaporama
Image iso windows 10 - Guide
Comment agrandir une image - Guide

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
14 avril 2019 à 19:14

Bonjour,

à l'avenir, merci de poster le code source DIRECTEMENT sur le forum ( en utilisant les balises de code )
Explications disponibles ici: https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite, dans l'attribut usemap tu as oublié le #

Réponse 2 / 3

traderpierre Messages postés 291 Date d'inscription mercredi 11 octobre 2006 Statut Membre Dernière intervention 6 janvier 2024 6
15 avril 2019 à 09:38

Voici le code source de mon image avec zones cliquables qui ne fonctionnent pas :
<img src="img/cms/BandeauFr.jpg" alt="Promotions des usines directement dans votre caddie" width="855" height="150" usemap="Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="325,1,564,29" href="https://promosdusines.com/" alt="Site Français" title="Site Français"/>
<area shape="rect" coords="326,31,564,58" href="https://promosausfabriken.com/" alt="Site Allemagne" title="Site Allemagne"/>
<area shape="rect" coords="325,60,563,89" href="https://promozionidallefabbriche.com/" alt="Site Italie" title="Site Italie"/>
<area shape="rect" coords="326,91,564,120" href="https://promosdefabricas.com/" alt="Site Espagne" title="Site Espagne"/>
<area shape="rect" coords="326,122,564,148" href="https://promosfromfactories.com/" alt="Site Anglais" title="Site Anglais" />
<area shape="rect" coords="5,5,318,146" href="https://promosdusines.com" alt="Promos des usines directement dans votre caddie" title="Promos des usines directement dans votre caddie"/>
</map>

Merci par avance pour votre aide

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
15 avril 2019 à 09:43

Et bien ???
Non seulement tu n'as pas appliqué la coloration syntaxique (l'utilisation des balises de code que je t'ai demandé d'appliquer et pour laquelle je t'ai donné un lien explicatif....)
mais en plus.. tu n'as pas lu ma réponse (la solution à ton souci... ) concernant le # manquant........
Fais un minimum d'effort... merci !

Réponse 3 / 3

traderpierre Messages postés 291 Date d'inscription mercredi 11 octobre 2006 Statut Membre Dernière intervention 6 janvier 2024 6
9 mai 2019 à 16:28

excusez-moi, finalement j'ai opté pour des images différentes chacune avec leur liens propre.

Discussions similaires