Rendre cliquable toute une page html [Débutant(e)]

**olivier1209** · 18/04/2013, 19h41

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

**amoiraud** · 19/04/2013, 11h44

Salut,

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

Code :

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

1
2
3
4
 
<div id="moit2" onClick="window.location.replace('mapage.html')">
    <!-- Contenu de la deuxième moitie de la page... -->
</div>

**Muchos** · 21/04/2013, 23h57

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

Code html :

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

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>

Rendre cliquable toute une page html [Débutant(e)]

HTML

Discussions similaires

Partager

Partager