Выпадающее меню + iframe

[Гость Spinal]

Доброго времени суток !

Есть проблема при построении сайта с использованием iframe и выпадающего dhtml меню. Ситуация такая, есть сайт в самом верху страницы iframe, в фрэйме выпадающее меню построеное с использованием программы Sothink DHTMLMenu. Проблема заключается в том что это самое меню выпадает внутри фрэйма а не сверху т.е скрывается в нём. Прошу подскажите что же мне делать, как сделать так что-бы меню выпадало сверху ? Уже целую неделю сижу и ни как не могу решить её :)

[Darhazer]

  Spinal сказал:

Доброго времени суток !

Есть проблема при построении сайта с использованием iframe и выпадающего dhtml меню. Ситуация такая, есть сайт в самом верху страницы iframe, в фрэйме выпадающее меню построеное с использованием программы Sothink DHTMLMenu. Проблема заключается в том что это самое меню выпадает внутри фрэйма а не сверху т.е скрывается в нём. Прошу подскажите что же мне делать, как сделать так что-бы меню выпадало сверху ? Уже целую неделю сижу и ни как не могу решить её :)

204152[/snapback]

Скачай меню TwinHelix-а, оно работаеть и между фреймами :)

[Shurr]

А с z-index'ом играться не пробовал?

[Гость Spinal]

  Shurr сказал:

А с z-index'ом  играться не пробовал?

204155[/snapback]

О z-index'е слышал но никогда с ним не работал. Может быть кто-нибудь поможет мне ? Я могу выслать на мыло не большой архив со страничкой и скриптом, и вы поправите ту часть в которой заключается ошибка. Буду очень признателен за помощь. :)

[Dimon#ic]

  Spinal сказал:

О z-index'е слышал но никогда с ним не работал. Может быть кто-нибудь поможет мне ? Я могу выслать на мыло не большой архив со страничкой и скриптом, и вы поправите ту часть в которой заключается ошибка. Буду очень признателен за помощь.  :)

204158[/snapback]

Чтобы сделать один слой поверх другого нужно в стиле того слоя который будет внизу написать Z-INDEX:0 (например) а тот который выше надо написать например Z-INDEX:1

Пример:

*DIV который находится под другим Дивом

<div id=abc0><img src="..."></div>

*DIV который находится на диве с индентификатором ID=0

<div id=abc1><font face="tahoma"color=red>Текст на изображении . . . </font></div>

*СТИЛЬ фаил к коду

*CSS CODE:

*Стиль Нижнего дива

#abc0{Z-INDEX:0;visibility:visible;POSITION:absolute;LEFT:10;TOP:-2;}

*Стиль верхнего дива

#abc1{Z-INDEX:1;visibility:visible;POSITION:absolute;LEFT:10;TOP:-3;}

[Dimon#ic]

Слою без разницы на чём он будет лежать будь то фрейм или таблица и т.д если указывать у слоя который должен быть выше всего Z-INDEX выше всех или выше той части которой он должен быть выше то он так и будет если ты укажешь в твоём слое Z-INDEX например 1 или выше то твой слой будет поверх всего что имеет меньший приоритет т.е Z-INDEX

НО!

В Netscape с помощью Z-INDEX'а не добиться требуемова результата там надо использовать другую команду а если есть ещё какие то вопросы относительно DHTML - стучись в асю (342477834) буду рад помочь!

[Гость Spinal]

  Dimon#ic сказал:

Чтобы сделать один слой поверх другого нужно в стиле того слоя который будет внизу написать Z-INDEX:0 (например) а тот который выше надо написать например Z-INDEX:1

Пример:

*DIV который находится под другим Дивом

<div id=abc0><img src="..."></div>

*DIV который находится на диве с индентификатором ID=0

<div id=abc1><font face="tahoma"color=red>Текст на изображении . . . </font></div>

*СТИЛЬ фаил к коду

*CSS CODE:

*Стиль Нижнего дива

#abc0{Z-INDEX:0;visibility:visible;POSITION:absolute;LEFT:10;TOP:-2;}

*Стиль верхнего дива

#abc1{Z-INDEX:1;visibility:visible;POSITION:absolute;LEFT:10;TOP:-3;}

204175[/snapback]

ыыыыыы :) неполучается :)

Помогите пожалуйста :)

вот пример http://emulium.narod.ru/1.zip

мне бы хоть глянуть как это всё делается, отправте пожалуйста на sl@8-12.ru

[Dimon#ic]

  Spinal сказал:

ыыыыыы  :(  неполучается  :D

Помогите пожалуйста  :(

вот пример <a href=http://emulium.narod.ru/1.zip target=_blank>http://emulium.narod.ru/1.zip</a>

мне бы хоть глянуть как это всё делается, отправте пожалуйста на sl@8-12.ru

204183[/snapback]

В аську стучись подробно объясню :)

[Гость Spinal]

  Dimon#ic сказал:

В аську стучись подробно объясню  :(

204187[/snapback]

В аську сейчас немогу, нахожусь в компютерном клубе :D

[Гость Spinal]

  Spinal сказал:

В аську сейчас немогу, нахожусь в компютерном клубе  :D

204189[/snapback]

ы-ы-ы-ы-ы похоже мне тут ни кто не поможет :( :( :)

[Dimon#ic]

  Spinal сказал:

ы-ы-ы-ы-ы похоже мне тут ни кто не поможет  :)  :)  :)

204207[/snapback]

Кидай на мыло dimonicssk@yandex.ru как освобожусь - посмотрю

Только не забудь всё это дело в архивчик превратить и желательней Ридми набросай :)

[Dimon#ic]

Я не советую пользоваться тебе этой программой структура для новичка невероятно сложная и запутанная исправить ты в ней ничего не сможешь! Эта программа скорее предназначена для изготовленя зрелищных меню а не для изготовления меню для сайтов! Оно очень громоздкое и практически не поддаётся модификации.

И к тому же в динамическом меню плавающий фрейм - не нужен абсолютно точно!

Начинай делать меню сам если хочешь в дальнейшем им управлять я могу тебе немного помочь.

В создании DHTML меню нет ничего сложного даже для новичка это в большей степени увлекательно чем сложно!

Если решился делать DHTML меню вот тебе небольшая заметка или план как хочешь

Тебе надо всего три файла(пример):

style.css

style.js

index.html

основа для твоего меню - это таблица к примеру можешь взять эту:

<table><tr name=TITLE> <td> </td><td> </td><td> </td></tr><tr name=ONE_POINT> <td STYLE="visibility:hidden"> </td><td STYLE="visibility:hidden"> </td><td STYLE="visibility:hidden"> </td></tr><tr name=TWO_POINT> <td STYLE="visibility:hidden"> </td><td STYLE="visibility:hidden"> </td><td STYLE="visibility:hidden"> </td></tr></table>

В TR с именем TITLE записываются заголовки меню по очереди

В TR с именем ONE_POINT записываются первые подпункты заголовков по очереди и т.д

Потом тебе нужен стиль для этой таблички, размести его в style.css

например:

сначала дай ID таблице:

<TABLE ID=MENU> . . .

В CSS пишешь(напр):

#MENU{height:18px;font-size:8pt;color:#2B2BFF;width:100%;visibility:visible;POSITION:absolute;Z-INDEX:1;LEFT:10;TOP:-2;}

...Потом дорабатываешь события,движения мыши в меню,добавляешь в скрипт style.js и т.д

только главное помнить о том что твоё меню корректно отображаясь в IE может абсолютно по-уродски отображаться в той же Опере так что тебе придётся разработать скрипт поддержки разных браузеров но в этом тоже нет ничего сложного. . .

Если будут вопросы с меню пиши сюда или в аську

удачи!

[Dimon#ic]

To:Spinal:

можешь попробывать вот это WDPS меню недавно дописал

[ku4enkova]

  Dimon#ic сказал:

To:Spinal:

можешь попробывать вот это WDPS меню недавно дописал :)

Привет. Можешь добавить меня в асю? Я хочу поговорить с тобой, у меня тоже не получается, может ты мне поможешь? Я не могу тебя в поиске найти. Моя ася <censored by Forum Rules>. Заранее спасибо.

i

Уведомление:

Ничего, что люди больше года не появлялись?

Изменено 23 сентября, 2010 пользователем Yezhishe