Faire des blocs imbriqués

**kousteau** · 15/08/2014, 18h01

Bonjour, je fais un exercice sur les blocs et je dois faire des blocs imbriquées. J'ai reussi a faire les blocs mais pours les blocs qui doivent se trouver a l'intérieur d'un bloc par exemple , je n'arrive pas a les faire comme par exple ça

Nom : bloc.png
Affichages : 586
Taille : 30,4 Ko

Nom : bloc.png
Affichages : 586
Taille : 30,4 Ko

code css

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
{
  padding: 0px;
  margin: 0px;
}
 
body{
  background-color: silver;
}
 
header{
  text-align: center;
  width: 80%;
  background-color: white;
  margin: 5px auto 0px;
  font-size: 2em;
  font-weight: bold;
}
 
nav{
  width:78%;
  margin: auto;
  padding-left: 2%;
  background-color: black;
  font-family: 1.3em;
  font-weight: bold;
  color: white;
}
 
#contenu{
  width: 80%;
  height: 360px;
  border: 3px dashed white;
  margin: auto;
}
 
footer{
  width:78%;
  margin: auto;
  padding-right: 2%;
  text-align: right;
  background-color: white;
  font-family: 1.3em;
  font-weight: bold;
}

code 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
<body>
  <header class='font-blanc'>
    Test ISN du 14 aout
  </header>
 
  <nav>
    NOM et PRENOM
  </nav>
 
  <div id="contenu">
 
  </div>
  <footer>
    Lycee Polyvalent Ella Fitzgerald
  </footer>
</body>

**Muchos** · 16/08/2014, 02h11

Bonjour,

Merci d'avance de mettre votre code CSS dans une boîte CODE.
Où est le code HTML/CSS des boîtes qui se trouvent dans l'élément #contenu ?
Pour info, NAV ne sert pas à mettre un nom et un prénom :)

**s0h3ck** · 16/08/2014, 05h46

Envoyé par Muchos

mettre votre code CSS dans une boîte CODE.

En fait, il manque un crochet à côté de [/CODE] <-- ici (Juste un petit crochet qui fait toute la différence

)
Pour les balises sémantiques (HTML5) et comment bien les utiliser, il y a un bon tutoriel posté récemment ici. Une petite lecture ne te fera pas de mal

Enfin, pour répondre à votre question, si j'y vais selon votre façon de coder, vous devriez vous en sortir avec les techniques de postionnement CSS tels que display, float ou flexbox si vous avez le goût d'essayer une nouvelle façon de mettre en page votre site web par exemple. Amusez-vous bien!

**NoSmoking** · 26/08/2014, 16h08

Bonjour,
il est quand même surprenant de vouloir mettre des éléments dimensionnés en px dans des conteneurs qui le sont en %!

Faire des blocs imbriqués

CSS

Discussions similaires

Partager

Partager