Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать div блок поверх остальных / 6 сообщений из 6, страница 1 из 1
09.10.2007, 13:53
    #34856801
sanich
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать div блок поверх остальных
Есть выпадающий список,который реализован на скрытии/отображении элемента <div>
но когда этот div отображется вся информация под ним сдвигается вниз. Можно ли сделать так чтобы блок div был поверх и не производил сдвига, и ка это сделать


Код: plaintext
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>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2007, 14:00
    #34856827
sanich
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать div блок поверх остальных
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2007, 14:01
    #34856831
sanich
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать div блок поверх остальных
Мне надо, что слова "Дальнейшая информация" были под раскрывающимся списком
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2007, 14:07
    #34856861
sanich
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать div блок поверх остальных
вот собственно страница
пример выпадающего списка
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2007, 15:44
    #34857338
Vint_x
Vint_x
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать div блок поверх остальных
для выпадающего блока поставь position: absolute и будет тебе счастье =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2007, 16:09
    #34857439
sanich
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать div блок поверх остальных
Vint_xдля выпадающего блока поставь position: absolute и будет тебе счастье =)
а, уже разобрался спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать div блок поверх остальных / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 247ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1457531]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 146ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 13ms
total:  247ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]