Sujet Précédent Sujet Suivant

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:

3 réponses

Réponse 1 / 3
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
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 #

0
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
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
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 !
0
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.
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Image cliquable dans html
pau -
efS -

5 réponses
Vidéo : comment changer sa zone géographique ?
azerty_42 -
tiloli -

8 réponses
Résolution d'une image 500 pixels largeur
sassou -
transat -

2 réponses