Есть выпадающий список,который реализован на скрытии/отображении элемента <div>
но когда этот div отображется вся информация под ним сдвигается вниз. Можно ли сделать так чтобы блок div был поверх и не производил сдвига, и ка это сделать
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.
<html>
<style>
table.brd {border:1px solid #DF117D; valign=top;}
.listbox {font-family:Lucida Sans Unicode;
font-size:10px;
color:white;
font-weight:none;
cursor:hand;
}
BODY {
background-color:#3E3E3E;
margin-top: 0 ;
margin-bottom: 0 ;
margin-LEFT: 0 ;
margin-RIGHT: 0 ;
}
input,SELECT {border: solid 1px #99175B;background:# 000000 ; font-family:Lucida Sans Unicode;font-size:10px; color: #FFFFFF;}
.info div {
font-family:Lucida Sans Unicode;
font-size:10px;
color:white;
font-weight:none;
}
</style>
<body>
<TABLE class=info id=table16 cellSpacing= 0 cellPadding= 1 width= 602 border= 0 >
<tr><td>
<div>
<table cellpadding = 0 cellspacing = 0 border= 0 >
<tr>
<td title='Выберите или введите свой вариант'><input name = "veve" style = "margin:0;padding:0; height:18px" ></td>
<td title='Выберите или введите свой вариант'><img src = "IMG/arrow.gif" onclick = "ve.style.display=(ve.style.display==''?'none':'');it=2;"></td>
</tr>
</table>
</div>
<div style = "display:none;width:170;color:white;font-family:Lucida Sans Unicode;font-size:12;border:1 #DF117D solid;background-color:black" id = "ve" >
<table cellsapcing = 0 cellpadding = 0 width = 100 % border= 0 class=listbox>
<tr><td onclick = "veve.value='паркет'; ve.style.display='none';" onmouseover = "this.style.backgroundColor='#DF117D';this.style.color='white'" onmouseout = "this.style.backgroundColor='black';" >паркет</td></tr>
<tr><td onclick = "veve.value='паркетная доска'; ve.style.display='none';" onmouseover = "this.style.backgroundColor='#DF117D';this.style.color='white'" onmouseout = "this.style.backgroundColor='black';" >паркетная доска</td></tr>
<tr><td onclick = "veve.value='ламинат'; ve.style.display='none';" onmouseover = "this.style.backgroundColor='#DF117D';this.style.color='white'" onmouseout = "this.style.backgroundColor='black';" >ламинат</td></tr>
<tr><td onclick = "veve.value='линолеум'; ve.style.display='none';" onmouseover = "this.style.backgroundColor='#DF117D';this.style.color='white'" onmouseout = "this.style.backgroundColor='black';" >линолеум</td></tr>
<tr><td onclick = "veve.value='плитка'; ve.style.display='none';" onmouseover = "this.style.backgroundColor='#DF117D';this.style.color='white'" onmouseout = "this.style.backgroundColor='black';" >плитка</td></tr>
</table>
</div>
Дальнейшая информация
</td></tr>
</table>
<script>
var it = 0 ;
document.onclick=zz;
function zz()
{
it--;
if(it!= 1 )
{ve.style.display='none';}
}
</script>
</body>
</html>
