Discussion :

[philippef]

Bonjour.

J'avance mais c'est dur !!!
J'ai encore (pour le moment) 2 problèmes sur lesquels je butte
1) je n'arrive à centrer le menu horizontal,
2) En fonction des tailles d'écran l'image de fonds de mon div conteneur se répète où est tronquée

Je joins une impression écran.
mon 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
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
* {
margin:0px;
padding:0px;
/*background:#ffffff;*/
background:#ffffff;
text-align:center;
}
 
body{
	font-family:Tahoma;
	font-size: 80%;
}
.haut {
	width:95%;
 	background:green;
	height:100px;
	font-size:12px;
}
 
/*centre la page et donne la largeur pour une basse résolution*/
.centrer {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
 
 
img {
	border:none;
}
 
a {  
	color:#000000;
	text-decoration:none;
	text-transform:none;
}
 
 
/****************************/
/* 	début menu	déroulant	*/
/****************************/
 
#menu {
	width:95%;
	background: #3B4E77;
}
 
ul, li {
	list-style-type:none;
}
/*chaque sous-menu*/
	#menu ul li{
	position:relative;
	float:left;
	width:135px;
	cursor:pointer;
	display:block;
	background-color:#3399ff;
	height:22px;
	border:1px solid #dddddd;
}
 
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
	display:none;
	position:absolute;
	width:135px;
	border:1px solid #dddddd;
	border-top:none;
	top:22px;
	left:0;
}
 
#menu ul li ul li {
	height:100%;
}
 
#menu ul li ul li a {
	color:#3399ff;
	font-size:12px;
	font-weight:normal;
	display:block;
	height:100%;
	border-top:1px solid #dddddd;
}
/*au passage de la souris on inverse les couleurs de la case*/
#menu li li a:hover {
	color:#ffffff;
	background:#3399ff;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
	top:0px;
	left:135px;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
	left:135px;
}
 
 
.conteneur {
/*	width: 1186px;*/
width:95%;
	height: 720px;
	margin-left:auto;
	margin-right:auto;
	background-color:#3399ff;
	background-image:url(images/pelliculew2.jpg);
}
.frame {
	width: 75%;
	height: 630px;
	background-color: red;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:14px;
 
}

Voilà, pour le moment c'est tout.
Merci à ceux qui peuvent m'aider