Discussion :

[gus02]

Bonjour a tous et a toutes,
Donc voila j'ai un petit problème sur un site web donc je voudrai rendre l'image cliquable mais le problème c'est que l'image est importer directement a partir du CSS donc je ne trouve pas comment faire pour rendre cette image cliquable!
merci d'avance pour vos reponse merki

[Auteur]

bonjour,

L'image est le fond d'un élément (background-image) ? Si c'est le cas gère l'événement onclick sur cet élément.

Peux-tu nous poster ton code ?

[gus02]

#h
{
height: 200px;
background: url(images/coco.png) no-repeat;
position: relative;
}

voila le code merci :p

[Auteur]

#h
{
height: 200px;
background: url(images/coco.png) no-repeat;
position: relative;
}

voila le code merci :p

ton image est un fond donc non cliquable. Il faut donc gérer le onclick sur l'élément #h. Par exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="h" onclick="alert('coucou')">
ceci est mon texte
</div>

[gus02]

Merci bien Mr donc si je veux mettre un lien il me suffit de remplacer (coucou) par <a ref=........></a> ?????????????????

GRAND Merci en tout cas !!!

[Deallyra]

non, c'est le alert entier qu'il te faut remplacer

un alert c'est l'équivalent d'une msgBox

suite au on-click, tu mets la procédure souhaitée

[gus02]

voila j'ai essayé sa :

<div class="center" id="h" onclick=<a href="index.php"> </a>> </div>

mais sa ne fonctionne toujour pas j'ai essayé plein de variante comme:

<div class="center" id="h" onclick="<a href="index.php"> </a>"> </div>

mais sa ne passe toujour pas merci !!

[{F-I}]

Et en faisant uniquement index.php non ?

[Auteur]

après un événement onxxxx, il faut écrire une procédure en javascript dans ton cas :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="h" onclick="document.location.href='index.php'">
ceci est mon texte
</div>

Syntaxe :
document.location.href='nomDeTaPage.php'
ou
document.location.href='nomDeTaPage.htm'

document.location.href="urlDeTaPage" te permet de modifier l'url de la page courante, c'est l'équivalent javascript du <a href="index.php">le lien</a>

[gus02]

Grand merci et desoler d'etre aussi nul mais sa na ma pas du tout traversé l'esprit encore desoler et grand merci !!!!