Flash меню с выпадающим над html пунктами меню

[Clode]

Всем привет!
Подскажите пожалуста, хочу сделать красивое flash меню так чтобы его пункты при наведениии наползали на html тект. Как это сделать и вообще возможно ли это?
Всем заранее спасибо, за любые ответы.

[goblin1822]

хороший вопросик.....сам долго думал. По ходу дела, нельзя, поскольку форма элементов Флэш прямоугольная. Хотелось бы чтоб я был неправ

[skald]

буквально на прошлой неделе я с тем же столкнулся )))
тоже поплакал на форуме ... ни одного ответа

в результате нашел решение, но не самое оптимальное ...

заколбашиваете менюху в слой и делаете прозрачный бг ...
(по этим вопросам милион топиков)

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

да и кстати большинство пользовотелей используют 19" (1280*1024)
так что при позиционировании можно ровняться на это разрешение.

[skald]

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

[Eric Gurt]

в хмтле есть функции получентия позиции, от левого верхнего угла сайта, любого элемента с присвоенным заранее ID. Не помню как функция называлась, но кажется только работает под IE.. попоробуй поискать в MSDN-ке по смыслу..

[skald]

это то ясно ))) там все проще ...
но у слоя позиционируется верхний левый угол ... , можно ли изменить эту точку привязки? к примеру на верхний центр )))))

[Snut]

эммм.... а если создать ваше меню с рабочей областью флеша например 400*100 а выпадать оно будет на области 400*300 и при вставке в хтмл указать размер области в % и абсолютное позиционирование дива?

[pirog™]

<div style="position: absolute; top: 0px; left: 50%; margin-left: -200px;">
<...флешка шириной 400px (соответственно margin-left берем минус половина от ширины флешки)...>
</div>

Таким образом, флешка будет сверху по центру не зависимо от ширины экрана.

Кстати, есть еще скрипт, который убирает в IE "Click to activate ActiveX Control"
http://code.google.com/p/swfobject/ - очень прост в использовании и убирает надоедливую рамку вокруг флешки в эксплорере.
Также позволяет с использованием <z-index и position: absolute> кроссбраузерно размещать html поверх флеши, если поставить для флеша wmode=transparent

[skald]

pirog спасибо за ответ ... оч интересная тема со смещением

snut а как задать рабочую область и область выпадания меню?
у меня оно обычно обрезается по границе рабочей области

[pirog™]

можно сделать так:
если тебе точно известно, что меню выпадает вниз максимум, например, на 300px, то задаешь рабочую область 300px; рисуешь вверху рабочей области основное меню, при наведении на которое будет вылетать выпадающее меню (для определенности - пусть его высота будет, например 100px); соответственно, оставшиеся 200px рабочей области оставляешь пустыми; и пишешь следующий код:

<div style="position: absolute; top: 0px; left: 50%; margin-left: -200px;">
<...флешка с прозрачным фоном шириной 400px (соответственно margin-left берем минус половина от ширины флешки)...>
</div>

<div style="margin-top: 100px;"> <!-- то есть сдвигаем вниз на высоту основного меню - у нас 100px -->
...Content...
</div>