Jump to content

Recommended Posts

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 by cigaretteelectronique.pro (see edit history)
Link to comment
Share on other sites

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 by cigaretteelectronique.pro (see edit history)
Link to comment
Share on other sites

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

  • 2 years later...
  • 2 weeks later...

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...