Discussion :

[gozu13]

Bonjour à tous,

Je suis en train de faire une page internet. J'ai rencontré un problème et ne trouve pas la solution. Dans google j'ai trouvé quelques idées mais pas de véritable réponse. Le problème est assez simple je pense, est ce qu'on peut rendre le background-image d'une div cliquable ?

Si oui voici un bout de mon code XHTML :

<div id="beaute">
<div class="texte_encart">
<a href="index.html"> <h2> Espace bien-être </h2> </a>
<h4> des soins à la carte </h4>
</div>
</div>

Ci-dessous le CSS :

#beaute
{
height : 156px;
width : 219px;
background-image : url(beaute.png);
margin-left : 20px;
float : left;
}

Merci !

[Auteur]

Le problème est assez simple je pense, est ce qu'on peut rendre le background-image d'une div cliquable ?

Non. Seules les balises de liens <a href=""> sont cliquables. Mais tu peux gérer l'événement onclick sur le div

[gozu13]

Juste je voudrais un peu plus d'explication car je suis développeur débutant. Je suis plus du côté du Design. Quand tu dis gérer l'événement onclick sur le div c'est à dire joué sur :

#beaute

#beaute a,

#beaute a:hover,

[Auteur]

non l'événement onclick n'a rien à voir avec du CSS, c'est du javascript (à ne surtout pas confondre avec le java).

Code HTML :

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

1
2
3
4
 
<div onclick="alert('coucou')">
cliquez ici
</div>

[gozu13]

Ok , je vais me renseigné un peu plus sur cette instruction. Par contre ça existe pas en css car javascript j'y connais rien de rien ...

[Auteur]

Ok , je vais me renseigné un peu plus sur cette instruction. Par contre ça existe pas en css car javascript j'y connais rien de rien ...

CSS = feuille de styles : mise en page du texte ; c'est statique.

Javascript = apporte du dynamisme à la page notamment grâce aux événements : onclick, onmouseover, onmouseout, etc.