Image avec zones cliquables ne fonctionne pas
traderpierre
Messages postés
291
Date d'inscription
Statut
Membre
Dernière intervention
-
traderpierre Messages postés 291 Date d'inscription Statut Membre Dernière intervention -
traderpierre Messages postés 291 Date d'inscription Statut Membre Dernière intervention -
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
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
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
3 réponses
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 #
à 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 #
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
<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
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 !
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 !