Conséquence d'un div transparent

Je débute en javascript alors

peux tu me donner un peu plus de détails pour le display block svp?

Est ce
document.getElementById('fenetre').style.display=block?

Voici l'intégralité du code de la page :
Code:
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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		 <meta http-equiv="content-language" content="fr" />
 
		<script language="javaScript">
		</script>
 
    </head>
 
	<body style="background-image:url(Image/test.png);width:1100px;height:800px;">	
	<div style="background-image:url(Image/ger.gif);width:886px;height:500px;align:center;"></div>
 
<img src="Image/lou.gif" width="80" height="40" onclick="document.getElementById('a').style.visibility='visible';document.getElementById('fondfenetre').style.visibility='visible'"; /> 	
<p>Cliquez sur la loupe</p>
<div style="position:relative;">
			 <div style="background-color:black;opacity: 0.5;top:0%;left:0%;height:100%;width:100%;visibility:hidden;position:fixed;" id="fondfenetre"></div>
                     <div style="background-image:url(Image/form.png);top:10%;left:30%;width:500px;height:500px;visibility:hidden;position:fixed;" id="a">
	                 <table >
 
					     <br>
						 <br>
						 <br>
						 <br>
						 <br>
		                 <tr>
			                 <td>
				                  <strong>Nom : </strong>
			                 </td><br>
 
						 </tr>
						   <tr>
			                 <td>
				                  &nbsp;
			                 </td>
 
						 </tr>
                         <tr>						 
							 <td >
				                  <strong>Pr&eacute;nom : </strong><br>
			                 </td>
		                 </tr>
						  <tr>
			                 <td>
				                  &nbsp;
			                 </td>
 
						 </tr>
 
		                 <tr>
						     <td >
				                  <strong>Adresse : </strong><br>
			                 </td>	
						 </tr>
						  <tr>
			                 <td>
				                  &nbsp;
			                 </td>
 
						 </tr>
 
						 <tr>
			                 <td>
				                  <strong>Code Postal : </strong><br>
			                 </td>
						 </tr>
						 <tr>
			                 <td>
				                  &nbsp;
			                 </td>
 
						 </tr>
                         <tr>						 
							 <td>
				                  <strong>Ville : </strong><br>
			                 </td>
						 </tr>	
						 <tr>
			                 <td>
				                  &nbsp;
			                 </td>
 
						 </tr>
                         <tr>						 
			                 <td>
				                  <strong>T&eacute;l&eacute;phone : </strong><br>
			                 </td>
                         </tr>
						 <tr>
			                 <td>
				                  &nbsp;
			                 </td>
 
						 </tr>
                         <tr>						 
			                 <td >
				                  <strong>Portable : </strong><br>
			                 </td>
	                 	 </tr>
		                 <tr>						 
			                 <td >
 
				                <table><tr><td>  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img src="Image/del.gif" width="40" height="40" onclick="document.getElementById('a').style.visibility='hidden';document.getElementById('fondfenetre').style.visibility='hidden'"; /> 
								</td></tr></table>
			                 </td>
	                 	 </tr>
	                 </table>
	           </div>
 
			 </div>
			 </body>
			 </html>
j'ai utilisé les <br> afin de bien centrer l'image avec le texte
y a t il une autre méthode ?