problème pour faire des blocs

**tinkye_winkye** · 04/01/2005, 09h22

bonjour,
j'ai essayé de créer des blocs pour en faire des menus mais les blocs ne se positionnent pas de la bonne manière...
le code :

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
 
<html>
<head><center><h4><font face="Rockwell" color="blue"> Bienvenue sur le site </center></font></h4>
<style type= "text/css">
body
{
 
}
.blocPage{
background-color:yellow;
height: auto;
width: 760px;
}
 
.blocHaut{
background-color: blue;
height: 30px;
width: auto;
float: left;
color:#ff0000;
align: center;
margin-bottom:20px;
 
.blocGauche{
background-color: blue;
height: 300px;
width: 100px;
float: left;
margin-top: 50px;
margin-left:20px;
color: white;
}
 
.blocCentre{
background-color: red;
height: 300px;
width: 500px;
float: left;
margin-top:50px;
margin-right:20px;
margin-left:50px;
color: white;
}
 
.blocDroite{
background-color: blue;
height: 300px;
width: 100px;
float: left;
margin-top:50px;
margin-right:20px;
color: white;
}
 
}
</style>
</head>
 
<body>
<div class="blocPage">
	<div class="blocHaut">Haut</div>
	<div class="blocGauche">Gauche</div>
	<div class="blocCentre">Centre</div>
	<div class="blocDroite">Droite</div>
</div>
</body>
</html>

et es-ce normal que le 1° bloc (ici BlocPage) ne s'affiche pas dans la couleur demandée ??
merci d'avance

**Johnbob** · 04/01/2005, 09h27

Tu ne vois pas de jaune ? Quel est le problème exactement ?

Je pense que les attributs CSS:
- width: auto;
- height: auto;
- align: center;
sont inutiles...

D'autre part tu devrais utiliser "float:left;" pour les 3 blocs gauche, centre et droite...

**tinkye_winkye** · 04/01/2005, 09h33

D'autre part tu devrais utiliser "float:left;" pour les 3 blocs gauche, centre et droite...

c'est ce que j'ai fait

**tinkye_winkye** · 04/01/2005, 09h35

D'autre part tu devrais utiliser "float:left;" pour les 3 blocs gauche, centre et droite...

c'est ce que j'ai fait

et non je ne vois pas de bloc jaune
et le bloc "BlocDroite" s'affiche à la ligne au lieu de s'afficher à coté du "BlocCentre"

**tinkye_winkye** · 04/01/2005, 09h46

c'est bon, en fait j'avais oublié de fermer ma balise pour le "BlocHaut" et mes largeurs de blocs étaient trop grandes pour ma page...
merci de ton aide

**Johnbob** · 04/01/2005, 09h57

OK

J'avais pas vu les floats pour cause de manque de caféine...

**mickeliette** · 04/01/2005, 14h13

Pour info cette ligne n'a rien à faire dans le HEAD :

Code :

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

<center><h4><font face="Rockwell" color="blue"> Bienvenue sur le site </center></font></h4>

Mais elle doit être dans la partie BODY 8)

D'autre part fais attention à l'imbrication des balises et à leur fermeture :

Code :

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

<center><h4><font face="Rockwell" color="blue"> Bienvenue sur le site</font></h4></center>

problème pour faire des blocs

CSS

Discussions similaires

Partager

Partager