Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите с выпадающим меню

Обсуждение темы Помогите с выпадающим меню в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; понятно. скрипт подключается строкой <script src=" имя_файла_скрипта " type="text/javascript"></script> Лучше всего её написать в хедере (после стилей) В нашем случае получаем: <script src="../popupmenu. ...


Закрытая тема
 
Опции темы
Старый 28.04.2008, 14:15   #11
понятно.
скрипт подключается строкой
<script src="имя_файла_скрипта" type="text/javascript"></script>
Лучше всего её написать в хедере (после стилей)
В нашем случае получаем:
<script src="../popupmenu.js" type="text/javascript"></script>
Сам файлик качаем отсюда:
http://www.freezonemoscow.ru/ru/popupmenu.js
а после закрытия тела (сразу после </body>), пишем так:
Цитата:
<script type="text/javascript">
var aMenuBar1 = new PopupMenuBar("poloska");
</script>
Стили тогды будут такими:
Цитата:
#poloska
{
z-index:2;
width: 1024px;
height: 52px;
background: url(images/poloska.png) no-repeat;
}

#poloska li, #poloska ul
{
margin: 0;
padding: 0;
list-style: none;
border-bottom:none;
font-family: Monotype Corsiva;
font-size:24px;
}

#poloska li
{
position: relative;
}

#poloska li ul
{
position: absolute;
top: 50px;
display:none;
background:url(images/bgm.png);
width:240px;
padding-bottom:9px;
margin:2px 0px 0px 0px;
}

#poloska a
{
display: block;
text-decoration: none;
color:#eae4b4;
padding:15px 15px 9px 15px;
border:none;
}

#poloska a:hover
{
padding:15px 15px 6px 15px;
border-bottom:double 3px #eae4b4;
}

#poloska ul.MenuBarSubmenuVisible
{
display: block;
}
ну и во всех браузерах это будет работать

Добавлено через 2 минуты

PS. Проверенно. отрабатывает в IE6, IE7, Mozilla, Opera

Последний раз редактировалось Асмодиан; 28.04.2008 в 14:15.. Причина: Добавлено сообщение
 
Старый 28.04.2008, 14:15
Ссылки
Старый 28.04.2008, 14:33   #12
Цитата:
Сообщение от DENweb Посмотреть сообщение

Цитата:
напиши [COLOR ="Red"]min-width:750px;[/COLOR] а для IE * width:750px; пожно даже рядом через ";"
поставил, не помогло
это не для работы твоего меню и ссылок! Это чтоб у тебя контент не выпадал из DIV'а! До того как ты не поставил min-width:750px; у тебя текст вылазил в мозиле за края дива, только ты забыл добавить знак звездочки перед следующим width:750px; - это для IE 6.0
должно быть так

Цитата:
#bodycontent
{
position:relative;
top:-470px;
min-width:750px;
*width:750px;

padding:30px;
 
Старый 28.04.2008, 14:44   #13
Цитата:
Сообщение от 3ABAPKA Посмотреть сообщение
это не для работы твоего меню и ссылок! Это чтоб у тебя контент не выпадал из DIV'а! До того как ты не поставил min-width:750px; у тебя текст вылазил в мозиле за края дива, только ты забыл добавить знак звездочки перед следующим width:750px; - это для IE 6.0
должно быть так
Я дял ие пишу отдельный цсс. спасибо сделаю
 
Старый 11.05.2008, 15:20   #14
срочно помогите

Добавлено через 31 секунду

срочно помогите
не могу найти как сделать что бы меню вылазило сверху основноготекста в ИЕ!!! =) помогте=)

Добавлено через 5 часов 19 минут

http://old-school.ru/biography/index.html помогите..ряльно не получаеся вверх сделать=) если делаю с верху в ие то в опере говно полуучается=(

Последний раз редактировалось DENweb; 11.05.2008 в 15:20.. Причина: Добавлено сообщение
 
Старый 11.05.2008, 15:20
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с выпадающим меню Vilect HTML, CSS, JavaScript 12 25.02.2013 21:56
Помогите разобраться с выпадающим меню Smatry HTML, CSS, JavaScript 4 02.10.2010 14:48
Проблемы с выпадающим меню Grey HTML, CSS, JavaScript 9 16.02.2010 16:57
Проблема с выпадающим меню dieselred HTML, CSS, JavaScript 1 14.07.2009 19:41
Создание кнопки с выпадающим меню Electra22 HTML, CSS, JavaScript 3 15.10.2007 19:54


Текущее время: 01:22. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум