Discussion :

[hichamdeb]

Bonjour,
je voudrai mettre un ombre à droite et à gauche de la page, mais je n'ai réussi qu'à le mettre à droite.

avez vous une idée?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.frame {
	POSITION: relative;
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5x;
	 PADDING-TOP: 10px; 
	DISPLAY: compact; 
	BACKGROUND: #fff; 
	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); 
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); 
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6)
}

Merci d'avance

[ornitho13]

Essaye ceci:

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.frame {
	position: relative;
	padding-bottom: 5px; 
	padding-left: 5px; 
	padding-right: 5x;
	 padding-top: 10px; 
	display: compact; 
	background: #fff; 
	-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6); 
	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6); 
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6)
}

le premier argument est le décalage vers la droite de l'ombre, si tu le mets à 0, il sera égale à droite et à gauche.

Tu peux également augmenter le contraste de l'ombre en rajoutant un 5ème paramètre:

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.frame {
	position: relative;
	padding-bottom: 5px; 
	padding-left: 5px; 
	padding-right: 5x;
	 padding-top: 10px; 
	display: compact; 
	background: #fff; 
	-moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.6); 
	-webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.6); 
	box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.6)
}

[hichamdeb]

Merci beaucoup ornitho le problème est résolu !