Rendre cliquable toute une page html

Version imprimable

18/04/2013, 19h41
olivier1209

Rendre cliquable toute une page html

Bonsoir,

Question très rapide, je n'ai pas trouvé de réponses sur google ou autre.. d'avance pardon :

Le principe est simple pourtant :
- j'ai une page html index.html
- peux importe où je clique sur la 2ème moitiée de la page - à partir du milieu => vers le bas...)
- cela m'emmène vers la page mapage.html

(si par contre je clique sur la 1ere moitiée de la page (du milieu jusqu'en haut , aucune action n'a lieu).

En gros c'est faire une zone spécifique cliquable avec un lien href.

Merci d'avance pour vos réponses,
Olivier

Salut,

Tu peut faire ca en javascript, si la deuxième moitié de ta page est dans un div par exemple :
Code:

1 2 3 4 <div id="moit2" onClick="window.location.replace('mapage.html')">  </div>

La solution en JS est effectivement très pratique.
Néanmoins, ça peut être fait en HTML/CSS de manière assez simple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Section cliquable</title>
	<style type="text/css">
div {
        width: 100%;
        height: 250px;
        border: thin solid black;
}
.clickable {
        position: relative;
        /* Bloque .clicker à l'intérieur de .clickable */
}
.clicker {
        position: absolute;
        left: 0;
        right: 0;
        width: inherit;  /* Les dimensions */
        height: inherit; /* s'adaptent au conteneur */
}
        </style>
</head>
<body>
	<div>FOO</div>
	<div class="clickable">
		BAR
		<!-- lien à intégrer -->
		<a class="clicker" href="#"></a>
	</div>
</body>
</html>