Lien sur image de fond

[Aqil]

Bonjour,

 

Je demande un peu de votre car je rencontre une difficulté

 

Dans ma boutique en ligne que j'ai en locale, j'ai mis une image de fond dans le body{

 

Le but est de mettre en avant un produits en particulier, et faire un lien vers le produit ce qui créer une page d'accueil dynamique

 

Seulement je n'arrive pas à créer de lien hypertexte pour que le clien puisse acceder rapidement au produits mis en avant.

 

J'ai tout essayé en css et html mais rien marche,

 

J'ai essayé de mettre un code dans le fichier tpl header comme:

 

<div id ou class="bg">

<a href="" target=""></a>

</div>

 

en passant par le css pour l'image ça ne marche pas l'image ne s'affiche pas

 

ensuite je fais comme ceci :

 

<div id ou class="bg">

<a href="" target=""><img src="" alt="" /></a>

</div>

 

L'image se mets en haut du logo de prestashop et déforme le site

 

les z-index, les positions absolute etc ne marche pas

 

J'ai tout essayer body{ ou encore faire une classe appart du genre .fonds ou #fonds si c'est un id mais rien

 

Donc ma question est comment mettre un lien hypertexte sur une image de fond dans prestashop ? ce qu'il faut mettre dans le fichier header.tpl ou autre comment s'y prendre

 

merci

[Ghostfly]

Cherche la division qui affiche le contenu de ta page en général #wrap ou #page dans ton global.css

 

Ajoute la propriété au CSS pour mettre le site devant tout :

z-index: 5;

Par exemple :

#page { 
width: 940px; 
margin: 10px auto 0; 
text-align: left; 
position: relative; 
z-index: 5
}

Ensuite, tu fais une nouvelle propriété CSS, appelons là, "background-click"

ce qui te donne ça

#background-click { 
position: absolute; 
left: 0; 
right: 0; 
top: 0; 
bottom: 0; 
z-index: 0 
}

Puis dans ton fichier header.tpl en dessous de la balise body, ajoute un lien HTML comme ceci :

<a id="background-click" href=http://tonurl.tld></a>

Suffit de changer le lien dans la balise que j'ai mis

 

Et voilà, un fond cliquable, simplement !

Edited September 12, 2013 by Ghostfly (see edit history)