petit souci css

**clementphp** · 09/07/2006, 15h51

Bonjour, j'ai un petit souci de CSS :
mon 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
 .haut {
background-image: url(img/haut.gif);
background-position: center top;
width: 727px;
height: 113px;
}
.gauche {
background-image: url(img/gauche.gif);
background-position: left center;
width: 162px;
height: 256px;
}
.corps {
background-image: url(img/corps.gif);
background-position: right center;
width: 540px;
height: 253px;
}
.bas { 
background-image: url(img/bas.gif);
background-position: center bottom; 
width: 418px; 
height: 60px 
}

Mon souci c'est que gauche c'est mon menu et il mes mon menu et dessous le corp je voudrais que le corps soi juste a coter du menu. merci de m'aider
clement

**Auteur** · 09/07/2006, 16h30

bonjour,

complète ta feuille de style et le code HTML comme suit :

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
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.haut {
border: 1px #AAAAAA solid;
width: 727px;
height: 113px;
}
.gauche {
border: 1px #AAAAAA solid;
width: 162px;
height: 256px;
}
.corps {
float: left;
border: 1px #AAAAAA solid;
width: 540px;
height: 253px;
}
.bas {
border: 1px #AAAAAA solid;
width: 418px;
height: 60px
}
 
/** **/
.gauche, .corps{
float: left;
}
.crlf{
visibility: hidden;
clear: both;
}
 
/** **/
//-->
</style>
 
</head>
 
<body>
<div class="haut">&nbsp;</div>
 
<hr class="crlf">
 
<div class="gauche">&nbsp;</div>
<div class="corps">&nbsp;</div>
 
<hr class="crlf">
 
<div class="bas">&nbsp;</div>
 
 
</body>
 
</html>

dans le CSS ajoute le style "display: left" aux éléments "corps" et "left". Ajoute également dans le code HTML les balises <hr> et leur CSS avant et après ces calques : grâce à la propriété clear tu pourras éviter le chevauchement éventuels des claques "haut" et "bas".

**clementphp** · 10/07/2006, 14h23

Je te remercie pour ta réponse vraiment merci !

petit souci css

CSS

Vue hybride

Discussions similaires

Partager

Partager