Comment sur une page php, aller sur d'autres pages php (avec un lien) ?

**BigSql** · 16/07/2022, 18h31

Bonsoir, j'essaie sur mon index.php de cliquer sur des liens menant sur d'autres pages php. Malheureusement, je n'arrive pas, cela ne fontionne pas comme en html avec un simple <a href="...." > ?

J'ai essayé les "include" et les "headers" mais ça marche toujours pas.

Merci beaucoup aux personnes qui pourront m'aider.

**Séb.** · 16/07/2022, 19h50

Malheureusement, je n'arrive pas, cela ne fontionne pas comme en html avec un simple <a href="...." > ?

Si si, PHP ne fait que produire un page HTML, tes liens HTML devraient fonctionner.

Exemple :

Code :

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

echo '<a href="...">...</a>';

Ou mieux :

Code :

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

?><a href="...">...</a><?php

Si besoin donne-nous ton code posant problème et l'erreur obtenue.

**BigSql** · 16/07/2022, 23h09

Bonsoir Séb, merci pour votre réponse, voici mon code original (désolé pour le pavé):

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
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
<!DOCTYPE html>
 
 
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" type="image/x-icon" href="img/hyp.ico">
<header>
 
<div class="haut">
</div>
<div class="verticale">
</div>
<div class="dlogo">
<img class="logo" src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/logohypyny.png">
<h3 class="titre">....</h3>
</div>
</header>
 
 
 
 
	<title>
		Hypyny - Page d'accueil -
	</title>
 
</head>
<body>
 
<div class="utilisateur">
	<a  class="putilisateur" href="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/presentation.html"><p>Présentation</p> </a>
<img class="photou"  src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/utilisateur.png">
	</div>
 
	<div class="telephone">
		<img class="imagetelephone" src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/telephone.png" / > <a class="contact" href="C:\wamp64\www\Hypyny\formulaire.php"> <p> Contact </p> </a> 
	</div>
 
 
 
<div id="ensemble">
<div class="images">
	<img src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/Salon1.jpg" alt="Salon 1">
	<img src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/Salon2.jpg" alt="Salon 2">
 
 
 
</div>
</div>
 
<div class="horloge">
	<img class="horaires" src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/horaire.png">
	<a class="parahoraires" href="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/horaires.html"><p >Horaires</p></a>
</div>
 
<div class="tarifs">
 
	<img class="euro" src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/Euro.jpg">
	<a  class="paratarif" href="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/tarifs.html"><p>Tarifs</p></a>
</div>
 
 
<section class="partenariats">
	......
 
</section>
 
 
<section class="Presentation">
	<div class="textepresentation">
		<h2 class="un"> Quelques renseignements...</h2>
	<p class="deux"> .....> </p>
	</div>
</section>
 
 
 
 
 
	<img class="welcoming" src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/welcoming.png">
 
<a href="....."><img class="facebook" src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/facebook.jpg"/></a>
 
 
</body>
 
<footer>
	Copyright &copy Hypyny-2022-Tous droits réservés
</footer>
 
</html>

J'ai essayé avec ma page formulaire.php, mais cela ne fonctionne pas (plutôt, j'ai mal fais... ), quand je clique sur "Contact", ça ne me fait rien du tout :

Code HTML :

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

1
2
3
<div class="telephone">
		<img class="imagetelephone" src="file:///C:/Users/Jeune/Documents/HTML/Hypyny.com/img/telephone.png" / > echo '<a class="contact" href="C:\wamp64\www\Hypyny\formulaire.php"> <p> Contact </p> </a>' ;
	</div>

Merci beaucoup si vous pouvez apporter un petit "+" pour m'aider, bonne soirée à vous.

**mathieu** · 17/07/2022, 04h58

quand vous avez un chemin qui commence par "file://" ou "c:", l'url indique au navigateur qu'il doit directement chercher le fichier dans le répertoire indiqué.
pour le code html, cela ne pose pas de "gros" souci mais le php doit d'abord être exécuté pour produire le code html qui sera affiché par le navigateur donc le navigateur ne sais pas quoi faire du fichier php de base.

pour que cela fonctionne, il faut passer par un serveur http et donc l'url sera de la forme "http://serveur/repertoire/fichier.php". avec cela, la navigateur va contacter le serveur qui va s'occuper d'exécuter le php et retourne ensuite le code html au navigateur.
regardez les schémas du paragraphe suivant :
https://dmouronval.developpez.com/tu...te-ajax/#Lno-I

dans votre code apparait "wamp" donc je suppose que vous avez installé cela sur votre ordinateur. ce programme contient un serveur http qui est peut-être à l'adresse "127.0.0.1" ou "localhost", ce sont des adresse spéciales qui indiquent au navigateur de chercher le serveur http du même ordinateur. donc les url devrait ressembler à "http://127.0.0.1/repertoire/fichier.php".

**BigSql** · 17/07/2022, 11h20

D'accord, merci pour votre réponse très précise, en effet j'ai mis le lien du serveur http et cela fonctionne (même pas besoin de mettre echo ' ' ;).
Cependant mes images n'apparaissent pas avec le php, comment peut-on les insérer dans le serveur ? Avec une BDD ?

Je précise que ces images sont dans un fichier css, dois-je les mettres dans les fichiers php correspondant avec echo' '; ?

J'ai des images pour le "body" de mon css , pour illustre les rubriques (comme "Contact" par exemple) mais pour un diaporama avec 2 photos différentes.

Merci

**mathieu** · 17/07/2022, 12h00

pour les images et autres fichiers utilisés dans le code html, il vaut mieux commencer par les mettre dans le même répertoire pour que vous voyez comment ça fonctionne.
donc dans le code html vous aurez cela <img src="image-test.png" alt=""/>.
ensuite en mettant ces fichiers dans un sous répertoire, vous gardez le chemin relatif en mettant <img src="image/image-test.png" alt=""/>.

**BigSql** · 17/07/2022, 15h48

D'accord, mes images sont dans le même répertoire, il fallait que je raccourci le chemin relatif pour que cela fonctionne et c'est bon merci.

Cependant certaines fonctionnalités de mes fichiers css ne fonctionnent pas/ ne s'appliquent pas , comme la couleur/image du body ou de certaines balises div . Pourquoi ?

Voici mon code css :

Code CSS :

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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
body
{
 
background-image: url(img/fond.jpg);
justify-content: center;
align-items: center;
 
 
 
 
}
 
.menu
{
	background-color: red;
}
 
.horloge
{
	position: relative;
	bottom: 960px;
	left: 20px;
}
 
.parahoraires
{
	position: relative;
	color: white;
	font-family: Verdana;
	font-style: italic;
	text-shadow: 6px 6px 6px orange;
	text-decoration: none;
	bottom: 57px;
	left: 62px;
}
 
.parahoraires:hover
{
background-image: url(img/blancpart2.jpg);
	color: #c8ad7f;
		text-shadow: 6px 6px 6px white;
		width: 70px;
 
}
 
 
.logo
{
	position: absolute;
	right: 945px;
	bottom: 310px;
 
}
 
 
.verticale
{
	background-image: url(img/Verticale.png);
	height: 510px;
	width: 200px;
}
 
.titre
{
position: absolute;
bottom: 494px;
left: 210px;
font-size: 1.8em;
	font-style: italic;
	font-family: Impact;
	color: #c8ad7f;
	text-shadow: 6px 6px 6px red;
	background-color: black;
	width: 780px;
}
 
 
.tout
{
 
	height: 100%;
 
}
 
.haut
{
	background-image: url(img/Horizontale.png);
	height: 60px;
}
 
.utilisateur
{
 
position: relative;
bottom: 400px;
left: 20px;
 
}
 
.putilisateur
{
 
position: relative;
top: 50px;	
left: 58px;
color: white;
width: 90px;
font-family: Verdana;
	font-style: italic;
	width: 150px;
	text-shadow: 6px 6px 6px orange;
		text-decoration: none;
 
}
.putilisateur:hover
{
background-image: url(img/blancpart2.jpg);
	color: #c8ad7f;
		text-shadow: 6px 6px 6px white;
		width: 106px;
 
 
}
 
.imagetelephone
{
 
position: relative;
bottom: 400px;
left: 20px;
}	
 
.contact
{
position: relative;
color: white;
	bottom: 460px;
	left: 80px;
	font-family: Verdana;
	font-style: italic;
	text-shadow: 6px 6px 6px orange;
	text-decoration: none;
}
 
 
.contact:hover
{
	background-image: url(img/blancpart2.jpg);
	color: #c8ad7f;
		text-shadow: 6px 6px 6px white;
		width: 67px;
 
}	
.tarifs
{
	position: relative;
	bottom: 1006px;
	left: 20px;
	width: 50px;
 
}
 
.paratarif
{
	position: relative;
	bottom: 60px;
	left: 60px;
	font-family: Verdana;
	font-style: italic;
	text-shadow: 6px 6px 6px orange;
	color: white;
	text-decoration: none;
}
 
.paratarif:hover
{
	background-image: url(img/blancpart2.jpg);
	color: #c8ad7f;
		text-shadow: 6px 6px 6px white;
 
}
 
.images
{
	display: flex;
	animation-duration: 60s;
	animation-name: mesImages;
	animation-iteration-count: infinite;
 
}
 
#ensemble
{
	width: 960px;
	height: 500px;
	overflow: auto;
	border: 6px solid black;
	overflow: hidden;
position: relative;
bottom: 720px;
left: 195px;
 
 
}
 
.partenariats
{
	background-image: url(img/blancpart2.jpg);
	position: relative;
	bottom: 555px;
	height: 300px;
	border: 3px #c8ad7f solid ;
	background-repeat: no-repeat;
 
 
}
 
.ecritpartenariat
{
	font-family: "Arial Black";
font-style: italic;
text-shadow: 6px 6px 6px orange;
color: #c8ad7f;
position: relative;
 
}
 
 
.welcoming
{
width: 82px;
height: 350px;
position: relative;
bottom: 2199px;
left: 1165px;
 
}
 
.facebook
{
	width: 82px;
	height: 122px;
	position: relative;
	bottom: 2080px;
	left: 1080px;
}
 
.Institut
{
	width: 200px;
	height: 200px;
	position: relative;
	left: 50px;
 
 
}
 
.Voyage
{
	width: 300px;
	height: 200px;
	position: relative;
	left: 670px;
	bottom: 360px;
}
 
.texteagence
{
	position: relative;
	left: 990px;
	bottom: 220px;
	font-style: italic;
	font-family: Impact;
	color: white;
	text-shadow: 5px 5px 5px orange;
}
.Marion
{
	position: relative;
	left: 270px;
	bottom: 150px;
	font-style: italic;
	font-family: Impact;
	color: white;
	text-shadow: 5px 5px 5px orange;
}
 
.Presentation
{
	background-image: url(img/Horizontale.png);
	position: relative;
	bottom: 1300px;
 
 
 
}
 
.textepresentation
{
	background-color: #c8ad7f;
	width: 550px;
	height: 430px;
	position: relative;
	left: 34%;
}
 
.un
{
	position: relative;
	width: 400px;
	left: 22%;
	font-family: Impact;
	text-decoration: underline;
	font-style: italic;
}
 
.deux
{
	position: relative;
	width: 400px;
	left: 10%;
	font-family: Verdana;
	font-style: italic;
 
}
 
 
 
.bordureorange
{
	position: relative;
	left: 29%;
	bottom: 330px;
}
 
.Nuage{
	position: relative;
	bottom: 1800px;
	width: 2000px;
	height: 1500px;
	right: 450px;
}
 
.localisation
{
	text-decoration: none;
	font-family: "Arial Black";
font-style: italic;
text-shadow: 6px 6px 6px orange;
color: brown;
}
 
 
@keyframes mesImages {
0%{
	transform: translateX(0);
}
 
50% {
	transform: translateX(-960px);
}
 
 
100% {
	transform: translateX(0);
}
}

Merci encore

**mathieu** · 17/07/2022, 19h21

dans le fichier css, le chemin des images doit être relatif au répertoire où se trouve le fichier css.

**BigSql** · 17/07/2022, 20h19

Oui mais ce n'est pas une histoire d'image, j'ai mis un background-color: red; dans body {} dans style.css et ça ne fonctionne pas.
Alors que le code css pour <p>, <h1> fonctionne ...

Dois-je insérer directement le code css dans le fichier index.php avec les balises styles ?

**mathieu** · 17/07/2022, 20h25

pour un souci de css, je pense qu'il vaut mieux que vous créiez une nouvelle discussion dans le forum suivant en montrant le code html généré :
https://www.developpez.net/forums/f4...mise-page-css/

**BigSql** · 17/07/2022, 20h27

D'accord,mais avec l'attribut style dans le fichier php cela fonctionne, j'arrive à changer la couleur de mon body, étrange...

**laurentSc** · 18/07/2022, 19h44

Bonjour,

ton background-color s'applique à la classe CSS menu et celle-ci n'est pas présente dans le code...

Comment sur une page php, aller sur d'autres pages php (avec un lien) ?

Langage PHP

Discussions similaires

Partager

Partager