Bonjour à tous,

Je me tourne vers vous pour obtenir de l'aide. Je souhaite réaliser un "habillage" de site Internet de façon dynamique.

En gros, je souhaite pouvoir ajouter une image derrière le site, avec un décalage en haut de celui-ci, çà j'y arrive sans problème, mais ce que je n'arrive pas à faire, c'est rendre l'habillage "cliquable" est uniquement l'habillage.

Si vous pouviez m'éclairer sur une façon de faire, en HTML/CSS ? en JS (jQuery) ?

Merci d'avance !

Thymotep

6 réponses


lamiinek
Réponse acceptée

si j'ai bien compris ce que tu veux ceci devrait faire l'affaire :

<div id='background' onclick='window.location.href="tonUrlIci"'>

ainsi quand on clique sur le background ca pointe vers ton lien...

Qu'entends tu par cliquable ?

Thymotep
Auteur

Et bien que si tu clique sur l'habillage, il y est un lien vers un autre site, ou une page interne du site.

La structure du site est de la suivante (en simplifié) :

<html>
<body>
<div class="wrapper">
Contenu du site
</div>
</body>
</html>

Ce que je veux quand il y a un habillage, c'est que tout ce qui est en dehors du wrapper soit un lien, j'espère être clair !

Merci pour la réponse

Comme par exemple :

<body style="background-image:url(img/google-logo.png);">
<a href="google.fr">Google </a>
    <div id="wrap">
        <!-- contenu -->
    </div>
</body>

C'est bien ça ?

Thymotep
Auteur

lamiinek : C'était bien çà que je cherchais, en jouant avec les z-index j'ai réussi, merci à vous deux pour l'aide !

content d'avoir aidé :)