Mise en page d'une page web

**Zorro en pyjama** · 04/09/2016, 17h02

Bonjour à tous, j'ai codé une mise en page d'une page web mais il y a un bloc qui ne veut pas apparaître.
Si quelqu'un trouve quelque chose, merci d'avance. Ci-joint le fichier.
CDTPageWeb.html

Invité · 04/09/2016, 17h54

Bonjour,

Merci de copier le code directement dans le contenu du message.

Et d'expliquer plus précisément le problème.

**Zorro en pyjama** · 04/09/2016, 18h08

En fait, je ne vois pas la bordure noire du bandeau publicitaire où est écrit : LA PUB, C'EST ICI !

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Page Web</title>
   <style type="text/css">
       * {
           border:10px;
           padding:5px;
           margin:5px;
        }
        #Container {
            margin: 10px auto;
            border: 5px solid red;
            width: 80%;
            background-color: chartreuse;
        }
        #Head {
            height: 120px;
            max-width: 960px;
            background-color: skyblue;
            text-align:center;
            border:2px solid black;
        }
        #menu {
            height: 85px;
            max-width: 960px;
            background-color: coral;
            text-align:center;
            border:2px solid black;
        }
        #bandeau publicitaire {
            height: 250px;
            max-width: 280px;
            background-color: gray;
            float: left;
            text-align:center;
            border:2px solid black;
        }
        #contenu {
            height: 260px;
            max-width: 650px;
            background-color: orange;
            margin-left: 310px;
            text-align:center;
            border:2px solid black;
        }
        #Footer {
            height: 120px;
            max-width: 960px;
            background-color: gray;
            text-align:center;
            border:2px solid black;
        }
 
       .clear {
       clear:both;
        }
       </style>
    </head>
    <body>
        <div id="Container">
 
        <div id="Head"><b>HEAD</b></div>
        <div id="menu"><b>MENU</b></div>
        <div id="bandeau publicitaire"><b>LA PUB, C'EST ICI !</b></div>
        <div id="contenu"><b>CONTENU</b></div>
        <div id="Footer"><b>FOOTER</b></div>
 
        </div>        
    </body>
 
</html>

Invité · 04/09/2016, 18h49

Bon.

#bandeau publicitaire { ... }

On ne met PAS d'ESPACE (ni d'accents) dans les noms des variables / paramètres / attributs /... !

Donc ici :

bandeau_publicitaire
ou bandeau-publicitaire

**Zorro en pyjama** · 04/09/2016, 19h22

Les erreurs de débutant, merci encore.

Mise en page d'une page web

CSS

Discussions similaires

Partager

Partager