Discussion :

[AnouarTec]

Bonjour tout le monde,

j'ai une page qui contient un formulaire, j'ai pu grisé les zones suivantes : header et le footer , mais le probleme est pour la barre gauche, je doit fixer le height de div qui fait le fonctionnement de griser, alors que la hauteur de la page est dynamique selon les cases cochées etc.... ci dessous le script css que j'ai mis en fonction mé ca marche pas il grise une partie et une partie reste toujours visible :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
opacity: 0.75; 
-ms-filter: "alpha (opacity=75)"; 
filter: alpha (opacity=50); 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:silver none repeat scroll 0 0;
height:549px; /*height = 100%*/
margin-left:5px;
opacity:0.5;
position:absolute;
top:140px;
width:171px;

Merci beaucoup d'avance pour votre aide

[sebhm]

Bonjour,

je doit fixer le height de div qui fait le fonctionnement de griser, alors que la hauteur de la page est dynamique selon les cases cochées etc....

moi pas comprendre toi

est-ce qu'on peut avoir un bout de HTML avec stp ?

[AnouarTec]

Merci pour ta rép,, et ci dessous le bout de code CSS et HTML

Code css :

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
 
#kalk1 {
	opacity: 0.75;
	-ms-filter: "alpha (opacity=75)";
	filter: alpha (opacity=50);
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:silver none repeat scroll 0 0;
	height:540px;
	margin-left:5px;
	opacity:0.5;
	position:absolute;
	top:140px;
	width:171px;
}
</style>
<div class="col_gauche1"  style="padding-left:7px;" >
  <div class="gauche1A">
    <div class="gauche5A"></div>
  </div>
  <div class="gauche1B">
    <div class="gauche5B"></div>
  </div>
  <div class="gauche1C">
    <div class="gauche2C"><a href="" class="animaux2_lien" title=""><span class="etiquette">blabla</span></a></div>
    <div class="gauche5C"></div>
  </div>
  <div class="gauche1E">
    <div class="gauche2E"></div>
    <div class="gauche3" style="position:relative;">
      <div  class="gauche4E">blablab</div>
      <div  class="gauche4E">bablabla</div>
    </div>
    <div class="gauche5E"></div>
  </div>
</div>
<div id="kalk1">&nbsp;</div>
</div>

merci encore une fois

[sebhm]

Peux tu être plus clair ?
je n'ai pas compris ce que tu veux faire.

et si quelqu'un peut m'expliquer cette partie là :

Code :

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

1
2
3
4
5
6
7
  	opacity: 0.75;
  	-ms-filter: "alpha (opacity=75)";
  	filter: alpha (opacity=50);
  	-moz-background-clip:border;
  	-moz-background-inline-policy:continuous;
  	-moz-background-origin:padding;
  	background:silver none repeat scroll 0 0;

ca serait gentil

[12monkeys]

Bonjour

Comme sebhm, je suis pas sur d'avoir compris ta demande. Cependant il me semble que ce que tu cherche c'est le système des colonnes factices ? Une petite recherche sur ce terme dans google et tu trouvera ton bonheur...

Sinon faut présenter un schéma de ce que tu veux...