HTML PHP CSS

Invité · 08/11/2013, 23h12

Bonjour.
PHP produit du code HTML, mais la page d'accueil d'un site, elle ne peut être que statique ?
Comment faire, par exemple, pour que dès que l'on arrive sur le site la date et l'heure soient à jour.

Je souhaite à partir de ma page ACCUEIL, avoir accès à 3 autres pages : FORMULAIRES, RESULTATS et PARCOURS.
Je souhaite qu'à l'ouverture de ces pages (et celle ACCUEIL aussi) la zone contenu soit de la même couleur que le bouton appelant cette page.
Dois je faire 3 autres pages en HTML et mettre les couleurs en "durs" ou vaut il mieux qu'à la sélection d'un bouton PHP produise la nouvelle page.

Comment paramétrer les couleurs pour n'avoir qu'un endroit où les changer qui modifie le bouton et la page adéquate ?

Merci de votre aide.

HTML

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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- ici le commentaire --> 
<!HTML4 Ã©tant basÃ© sur SGML, il lui faut un fichier dÃ©finissant les rÃ¨gles de balisages (un DTD). Exactement comme XML et XHtml. Le doctype sert Ã* Ã§a,> 
 
 
<html> 
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>titre de la page</title >
Sports Version V.0 Derni&egrave;re mise &agrave; jour donn&eacute;es le </head >
<body> 
 
  <div id="bandeau"><p class="bouton">
  <ul>
 <li><a href="#">FORMULAIRES</a></li>
 <li><a href="#">ACCUEIL</a></li>
 <li><a href="#">RESULTATS</a></li>
 <li><a href="#">PARCOURS</a></li>
</ul>
 
</div>
  <div id="menu">Ceci est le menu</div>
  <div id="contenu">Ceci est le contenu</div>
  <div id="piedpage">Ceci est le pied de page</div>
 
</body >
 
</html >

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
html,body {
	margin:0;
	padding:0;
	color:#000;
	font-size:100%;
	text-align:left;
}
div {
	text-align:center;
	}
 
div#global {
	min-width:640px; /* largeur variable */
	max-width:960px;
	margin:0 auto; /* centrage horizontal */
}
div#bandeau {
	width:98%;
	padding:1%;
	height:30px;
	background-color:#00CCFF;
}
div#menu {
	float:left;
	width:18%;
	padding:1%;
	min-height:410px;
	background-color:#FF6699;
}
div#contenu {
	float:left;
	width:78%;
	padding:1%;
	min-height:410px;
	background-color:#FFCC00;
}
div#piedpage {
	clear:both;
	width:98%;
	padding:1%;
	height:50px;
	background-color:#33FF99;
	}
	a.bouton:link{
  width:150px; 
  height:30px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  font-weight:bold; 
  background-color:#000080;
  padding:5px
}
ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
ul li a {
 display:block;
 float:left;   
 width:200px;
 background-color:#6495ED;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
ul li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 }

HTML PHP CSS

Mode arborescent

Discussions similaires

Partager

Partager