Maintenir le même style pour toutes les pages

**persé** · 20/08/2013, 23h10

bonjour ;
je débute en html et css je travaille actuellement sur dreamweaver j'ai créer un croquis j'ai un en-tete le pied de page trois balises div au centre un pour le menu l'autre pour l'actualité voici le code

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
body {
        background-color: #FFFFFF;
        background-image: url(images/KA2_20minutesAOUTEXPORT.jpg);
}
#entet {
        background-color: #96C;
        display: block;
        height: 60px;
        width: 80%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 150px;
}
#corp {
        height: 1000px;
        width: 80%;
        background-color: #FFF;
        margin-left: 150px;
}
#piedpage {
        background-color: #60F;
}
#pied {
        background-color: #906;
}
 
#dmenu {
        background-color: #6CF;
        width: 150px;
        height: 100%;
}
#contenu{
  width: 800px;
  height: 100%;
  background: salmon;
}
#info {
        background-color: #933;
        height: 100%;
        width: 60px;
}
#dmenu{
  float:left;
}
#info{
  float:right;
}
#pieddeppage {
        background-color: #CF3;
        height: 40px;
        width: 80%;
        margin-left: 150px;
}
</style>
</head>
<body>
<div id="entet">
  <p>&nbsp;</p>
</div>
<div id="corp">
   <div id="dmenu"></div>
<div id="info">Placez ici le contenu de  id "info"</div>
 </div>
<div id="pied">
</div>
<div id="pieddeppage">Placez ici le contenu de  id "pieddeppage"</div>
<p>&nbsp;</p>
</body>
</html>

Je veux que toute les pages du site respectent ce croquis juste le centre va contenir le contenu de la page mais comment faire est-ce que je crée un formulaire dans lequel je mets mon texte et l'image que je veux pour qu'elle s'affiche dans la page, guidez moi s.v.p.

Invité · 20/08/2013, 23h21

bonjour,
le cours CSS est bien fait.
Ne pas hésiter à lire les tutos.

**persé** · 20/08/2013, 23h44

j'ai lu pas mal de tuto et je suis entrain de lire un livre ,mais la j'ai un problème que j'ai posé c'est tout

Invité · 21/08/2013, 08h44

=> Les meilleurs cours et tutoriels CSS
On y apprend notamment :
Les CSS dans une feuille de style totalement séparée du code (X)HTML

Code :

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

<link href="mes-styles.css" media="all" rel="stylesheet" type="text/css" />

Ce qui permet d'"externaliser" la feuille de style, et donc de pouvoir l'utiliser pour autant de pages qu'on veut, sans avoir besoin de la recopier à chaque fois.

Concernant la structure du code, il est aussi possible de ré-utiliser des bouts de codes :

En PHP => enregistrer les fichiers avec l'extension xxx.php
puis, dans le fichier principal :

Code php :

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

<?php include('menu.php'); ?>

Maintenir le même style pour toutes les pages

CSS

Discussions similaires

Partager

Partager