• Страница 1 из 1
  • 1
Раскрывающееся js меню
Codename_47
Дата: Суббота, 09.01.2010, 19:12 | Сообщение # 1
молчун
Группа: Пользователи
Пользователь №: 433
Сообщений: 6
Раскрывающееся js меню отображается под картинкой :(

Скриншот в аттаче. Помогите пожалуйста исправить... а то я даже не знаю в каком направлении копать.. Сначала думал что из за картинки, якбы надо её в бэкграунд, но не вышло(

Прикрепления: 2395134.png (232.3 Kb)
  
OnMusic
Дата: Суббота, 09.01.2010, 20:04 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
Codename_47, эта не js

Это ксс и html
ищи на мегософте

  
SinuS
Дата: Суббота, 09.01.2010, 20:41 | Сообщение # 3
говорун
Группа: Модераторы
Пользователь №: 179
Сообщений: 195
Получено оценок: 15
Codename_47, выложи css менюхи и сразу укажи какой класс/идентификатор отвечает за отображение под-меню.

Talk is cheap.
  
Codename_47
Дата: Суббота, 09.01.2010, 21:10 | Сообщение # 4
молчун
Группа: Пользователи
Пользователь №: 433
Сообщений: 6
Code
<style type="text/css">

.suckerdiv ul{    
margin: 0;    
padding: 0;    
list-style-type: none;    
width: 242px; /* Width of Menu Items */    
border-bottom: 1px solid #ccc;    
}    

.suckerdiv ul li{    
position: relative;    
}    

/*Sub level menu items */    
.suckerdiv ul li ul{    
position: absolute;    
width: 200px; /*sub menu width*/    
top: 0;    
visibility: hidden;    
}    

/* Sub level menu links style */    
.suckerdiv ul li a{    
display: block;    
overflow: auto; /*force hasLayout in IE7 */    
color: black;    
text-decoration: none;    
background: #fff;    
padding: 4px 15px;    
border: 1px solid #ccc;    
border-bottom: 0;    
}    

.suckerdiv ul li a:visited{    
color: black;    
}    

.suckerdiv ul li a:hover{    
background: #d4e7a3;    
}    

.suckerdiv .subfolderstyle{    
background: url(http://forever-web.ru/next.png) no-repeat center right;    
}    

/* Holly Hack for IE \*/    
* html .suckerdiv ul li { float: left; height: 1%; }    
* html .suckerdiv ul li a { height: 1%; }    
/* End */    

</style>

помойму вот этот .suckerdiv

  
BeSinLi
Дата: Суббота, 09.01.2010, 21:19 | Сообщение # 5
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Code

.suckerdiv ul li ul{      
position: absolute;      
width: 200px; /*sub menu width*/      
top: 0;      
visibility: hidden;    
z-index: 9999;    
}   

В общем добавь в .suckerdiv ul li ul это z-index: 9999;

Пример:

Прикрепления: 0964546.png (51.1 Kb)


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

Сообщение отредактировал BeSinLi - Суббота, 09.01.2010, 21:20
  
Codename_47
Дата: Суббота, 09.01.2010, 21:26 | Сообщение # 6
молчун
Группа: Пользователи
Пользователь №: 433
Сообщений: 6
BeSinLi, Спасибо!)))

Тему офф)

  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.