Michel presta Posted January 31, 2013 Share Posted January 31, 2013 (edited) Bonjour à tous, Je voudrais creer une page cms avec une image mappée sur toute la page. je crée une image map avec un logiciel externe et je colle le code html dans le contenu de la page mais quand je l'enregistre, mon code est modifié et ça ne fonctionne pas. Quelqu'un a-t-il la solution? Merci d'avance Michel PS je suis sous prestashop 1.5.3 Edited February 1, 2013 by cigaretteelectronique.pro (see edit history) Link to comment Share on other sites More sharing options...
domi77185 Posted January 31, 2013 Share Posted January 31, 2013 Bonsoir, Je suppose que vous collez le code html dans l'éditeur, mais êtes vous bien en éditeur html et non en éditeur de texte ? Link to comment Share on other sites More sharing options...
Michel presta Posted February 1, 2013 Author Share Posted February 1, 2013 (edited) oui je suis en éditeur html Voici le code que je colle/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="fr"> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <meta content="" name="description"> <meta content="Mcc HTML Mapper v0.3" name="generator"> <title></title> </head> <body> <div> <img alt="pompe.jpg" usemap="#pompe" src="adresse de l'image"> <map id="pompe" name="pompe"> <area alt="" href="" shape="rect" coords="100,1,268,202"> <area alt="" href="" shape="rect" coords="284,56,605,198"> <area alt="" href="" shape="rect" coords="107,222,412,546"> <area alt="" href="" shape="rect" coords="432,223,598,450"> <area alt="" href="" shape="rect" coords="8,749,192,988"> <area alt="" href="" shape="poly" coords="240,575,641,553,631,216,693,217,695,244,631,245,640,551,693,911,660,976,519,984,240,924,200,861,213,819,245,573"> </map> </div> </body> </html> Et voici ce que ça donne une fois enregistré: <div><img src="adresse de l'image" usemap="#pompe" /> <map id="pompe" name="pompe"> <area shape="rect" coords="100,1,268,202" alt="" /> <area shape="rect" coords="284,56,605,198" alt="" /> <area shape="rect" coords="107,222,412,546" alt="" /> <area shape="rect" coords="432,223,598,450" alt="" /> <area shape="rect" coords="8,749,192,988" alt="" /> <area shape="poly" coords="240,575,641,553,631,216,693,217,695,244,631,245,640,551,693,911,660,976,519,984,240,924,200,861,213,819,245,573" alt="" /> </map></div> Toutes mes balises disparaissent. Merci de vous intéresser a mon cas. Michel Edited February 1, 2013 by cigaretteelectronique.pro (see edit history) Link to comment Share on other sites More sharing options...
domi77185 Posted February 1, 2013 Share Posted February 1, 2013 Bonjour, Vous devez uniquement mettre <div> <img alt="pompe.jpg" usemap="#pompe" src="adresse de l'image"> <map id="pompe" name="pompe"> <area alt="" href="" shape="rect" coords="100,1,268,202"> <area alt="" href="" shape="rect" coords="284,56,605,198"> <area alt="" href="" shape="rect" coords="107,222,412,546"> <area alt="" href="" shape="rect" coords="432,223,598,450"> <area alt="" href="" shape="rect" coords="8,749,192,988"> <area alt="" href="" shape="poly" coords="240,575,641,553,631,216,693,217,695,244,631,245,640,551,693,911,660,976,519,984,240,924,200,861,213,819,245,573"> </map> </div> Les autres balises Doctype, Html, head, meta, ..... Sont inutile car ils correspondent à une page complète. Il ne faut surtout pas les mettre. Ce qui vous intéresse est uniquement le DIV. Si vous laissez les HREF vide, ils seront automatique supprimé. Link to comment Share on other sites More sharing options...
Michel presta Posted February 1, 2013 Author Share Posted February 1, 2013 (edited) merci beaucoup Michel je ne sais pas comment le mettre en résolu Edited February 1, 2013 by cigaretteelectronique.pro (see edit history) Link to comment Share on other sites More sharing options...
coeos.pro Posted February 1, 2013 Share Posted February 1, 2013 tu édites ton premier message et tu cliques sur "éditeur complet" ensuite tu rajoutes [resolu] dans le titre Link to comment Share on other sites More sharing options...
gudule1er Posted March 2, 2015 Share Posted March 2, 2015 Bonjour, Je fais la même chose en passant par la fonction "code source", mais le code que je rentre n'est pas pris en compte... Link to comment Share on other sites More sharing options...
Fitkit Katherine Posted March 13, 2015 Share Posted March 13, 2015 Bonjour, J'ai voulu faire une image map également dans une page cms sous prestashop 1.6.0.9 L'image est bien là mais aucun lien n'est pris en compte. Les zones ne sont pas cliquables Voici le code : <p><img src="http://www.fitkitsolution.fr/img/cms/PACK/packs_tab.jpg" alt="" usemap="#tableau" border="0" /> <map id="tableau" name="tableau"> <area alt="Pack studio" coords="192,20,346,976" shape="rect" href="#" target="_blank" /> <area alt="Pack espace forme" coords="348,20,505,975" shape="rect" href="#" /> <area alt="Pack salle" coords="508,19,661,975" shape="rect" href="#" /> <area alt="Pack club" coords="663,20,820,978" shape="rect" href="#" /> </map></p> Merci Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now