IMAGE MAP => Mobile

[cyberyan]

Bonjour,

J'ai créer un site web avec jimdo www.aagec.fr et j'ai créer une image map avec mapexpert qui malheureusement ne s'adapte sur mobile:

Auriez-vous un code pour soit adapter la taille de l'image en fonction de la résolution de l’écran, soit ne pas l’exécuter selon la résolution ?

Ci-dessous le code utilisé:

Code:

<img src="http://u.jimdo.com/www69/o/s1cbfabff245fe80f/img/i287d8590eff3475c/1423788268/std/image.png" width="800" height="301" usemap="#MO - Copie" border="0" alt="" /> <map name="MO - Copie">
 
    <!--Source Map:|http://u.jimdo.com/www69/o/s1cbfabff245fe80f/img/i287d8590eff3475c/1423788268/std/image.png|-->
 
    <area shape="rect" coords="24,185,118,251" href="http://www.aagec.fr/nos-missions/pack-créateur/" title="&amp;&amp;&amp;" alt="&amp;&amp;&amp;" />
 
    <area shape="rect" coords="185,44,279,111" href="http://www.aagec.fr/nos-missions/conseils-expertise-comptable/" />
 
    <area shape="rect" coords="187,189,281,257" href="http://www.aagec.fr/nos-missions/fiscales/" title="&amp;&amp;&amp;&amp;" alt="111" />
 
    <area shape="rect" coords="408,44,503,110" href="http://www.aagec.fr/nos-missions/sociales/" />
 
    <area shape="rect" coords="408,188,503,255" href="http://www.aagec.fr/nos-missions/juridiques/" />
 
    <area shape="rect" coords="545,187,640,255" href="http://www.aagec.fr/nos-missions/audits-commissariats-aux-comptes/" />
 
    <area shape="rect" coords="669,120,766,187" href="http://www.aagec.fr/nos-missions/audits-commissariats-aux-comptes/" />
 
  
 
</map>

Est-il possible d'y ajouter un media query?

Merci d'avance.

YD

[cyberyan]

j'ai coupé mon image en trois parties. De sorte que sur la version mobile on puisse voir les trois parties en entier.

Est-il possible d'ajouter au code ci-dessus une partie pour center le rendu sur mobile?

Si vous avez des réponses pour la question du premier poste, je suis toujours prenenur.

cdlt,

YD