Bonjour,


Je vient de faire une maquette de ma page, je voudrai que lorsque je clique sur un lien pouvoir toujours rester dans la même maquette (Structure de la page) et que ce lien affiche son contenu dans <div id="contenu">Affiche la page du lien</div> qui affichera en même temps les liens de <div id="menu"> du sous menu.

es-ce possible et si oui comment ?

Merci.


Maquette.php
Code : 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>maquette1</title>
<style type="text/css">
<!--
#body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/fond.png");
}
 
 
 
#entete {
    color: #FF0000;
        background-color: #FFCC33;
        height: 150px;
        width: 1024px;
        background-repeat: no-repeat; /* Contour noir autour de l'entete */
    margin-bottom: 10px; /* Espace vide entre entete et info page */
 
}
#menu {
        height: 50px;
        width: 1024px;
        text-align: center;
        padding-top: 15px;
        background-color: #020202;
        
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
 
}
#contenu {
    color: #FF0000;
        background-color: #FFCC33;
        height: 400px;
        width: 1024px;
        
        margin-center: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 1px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #B3B3B3;
   background-color: #626262; /* Une couleur de fond pour le corps */
   background-image: url("motif.png"); /* Motif audessus de la page */
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
 
}
#pied {
         padding: 0px;
   clear: both;
 
   text-align: center;
 
 
        color: #FF0000;
        background-color: #FF9966;
        height: 90px;
        width: 1024px;
}
#conteneur {
        width: 1024px;
        margin-right: auto;
        margin-left: auto;
}
#conteneur #menu ul {
        list-style-type: none;
        font-size: 16px;
        color: #000;
        display: inline;
        height: 50px;
        width: 1024px;
        padding-top: 20px;
        padding-left: 0px;
}
#infos {
        color: #FFFFFF;
        background-color: #000000;
        height: 260px;
        width: 1024px;
}
#conteneur #menu ul li {
        display: inline;
        font-size: 18px;
}
.espace {
        margin-right: 50px;
}
#conteneur #menu ul li a {
        color: #FFF;
        text-decoration: none;
}
#conteneur #menu ul a:hover {
        color: #FF0;
}
-->
</style>
</head>
 
<body>
<div id="conteneur">
  <div id="entete"><img src="@maison-1-468x60.gif" alt="" width="1024" height="150" /></div>
  <div id="infos"><?php include("L:/Program files 2/wamp/www/maison/N4/template/info-maison.php"); ?></div>
  <div id="menu">
    <ul>
      <li class="espace"><a href="maquette1-2.php">Accueil</a></li>
      <li class="espace"><a href="domotique.php">Domotique</a></li>
      <li class="espace"><a href="maison.php">Maison</a></li>
      <li class="espace"><a href="jardin.php">Jardin</a></li>
      <li class="espace"><a href="films.php">Films</a></li>
      <li class="espace"><a href="videos.php">Vid&eacute;os</a></li>
      <li><a href="musique.php">Musique</a> </li>
    </ul>
  </div>
  <div id="contenu"></div>
 
 
  <div id="pied"><?php include("L:/Program files 2/wamp/www/maison/commun/template/pied.php3"); ?></div>
</div>
</body>
</html>