Возможно ли установить Flash обьект как заливку для div-a, что-бы поверх него можно было поставить другие див-ы и что-бы он при этом не смещался. Position absolute нельзя использовать.
Или как решение, возможно ли что-бы Flash обьект был не прямоугольной формы?
Обьясню проблему, может есть другое решение
Есть Flash сайт, клиент захотел что-бы часть его была на html
раньше обе части где html были во Flash-e. Теперь надо что-бы там был html.
Проблема в том что красную и зеленую Flash части разделить никак нельзя, так как там сложная анимация которая пересекается.
Поэтому и возник вопрос, как выставить два div-a в нужное место (как на рисунке) что-бы при этом получить layout как на рисунке.
Здравствуйте, DeZhavi, Вы писали:
DZ><div id="logoBox"><a href="/"><img alt="РОСКОШНЫЙ ДОМ. Проектно-строительная группа CREACOM." src="/img/logo.gif" /></a></div>
DZ> <param name="wmode" value="opaque"> — позволяет положить поверх влэша все что угодно- в данном случае логотип лежит поверх флэша
Здравствуйте, DeZhavi, Вы писали:
DZ> <param name="wmode" value="opaque"> — позволяет положить поверх влэша все что угодно- в данном случае логотип лежит поверх флэша
что-то у меня не получается сделать что-бы другие див-ы были поверх флэша.
html такой
Здравствуйте, Holms, Вы писали:
H>А можно посмотреть на стиль "logoBox"
Я не в качестве рекламы, не поймите привратно, покажу сайт где это сделано, напшу в личку
Здравствуйте, DeZhavi, Вы писали:
DZ>Я не в качестве рекламы, не поймите привратно, покажу сайт где это сделано, напшу в личку
Спасибо получил, посмотрел, проблема в том что у вас используется position: absolute, а для моего дизайна это ни как не катит, так как он уже и всегда посередине страницы, мне надо что-бы флэш обьект не влиял на позицию других элементов.
Здравствуйте, Holms, Вы писали:
H>Здравствуйте, DeZhavi, Вы писали:
DZ>>Я не в качестве рекламы, не поймите привратно, покажу сайт где это сделано, напшу в личку H>Спасибо получил, посмотрел, проблема в том что у вас используется position: absolute, а для моего дизайна это ни как не катит, так как он уже и всегда посередине страницы, мне надо что-бы флэш обьект не влиял на позицию других элементов.
А если попробовать сделать position:relative?
Здравствуйте, Holms, Вы писали:
H>Здравствуйте, DeZhavi, Вы писали:
DZ>>Я не в качестве рекламы, не поймите привратно, покажу сайт где это сделано, напшу в личку H>Спасибо получил, посмотрел, проблема в том что у вас используется position: absolute, а для моего дизайна это ни как не катит, так как он уже и всегда посередине страницы, мне надо что-бы флэш обьект не влиял на позицию других элементов.
Еще добавлю, <param name="wmode" value="opaque"> — это скорее, как z-index для флэша, вам все-равно, так или иначе, придеться делать флэшь,как фон, как бэкграйнд его не пропишешь, можно только поработать со слоями.
Здравствуйте, DeZhavi, Вы писали:
DZ>Еще добавлю, <param name="wmode" value="opaque"> — это скорее, как z-index для флэша, вам все-равно, так или иначе, придеться делать флэшь,как фон, как бэкграйнд его не пропишешь, можно только поработать со слоями.
в этом и вся проблема, как его сделать как фон?
Здравствуйте, Holms, Вы писали:
H>Здравствуйте, DeZhavi, Вы писали:
DZ>>Еще добавлю, <param name="wmode" value="opaque"> — это скорее, как z-index для флэша, вам все-равно, так или иначе, придеться делать флэшь,как фон, как бэкграйнд его не пропишешь, можно только поработать со слоями. H>в этом и вся проблема, как его сделать как фон?
Дык а чем не подходит позиционирование? Может попробовать с ним повозится?
Здравствуйте, DeZhavi, Вы писали:
DZ>Дык а чем не подходит позиционирование? Может попробовать с ним повозится?
не получится, ведь при изменении страницы левая часть ширина изменяется, только при помощи CSS этого не добиться имхо, а делать костыли с JS как-то не очень охота
Здравствуйте, Holms, Вы писали:
H>Здравствуйте, DeZhavi, Вы писали:
DZ>>Дык а чем не подходит позиционирование? Может попробовать с ним повозится? H>не получится, ведь при изменении страницы левая часть ширина изменяется, только при помощи CSS этого не добиться имхо, а делать костыли с JS как-то не очень охота
position:relative, вообщето поизиониоруется от родительского документа, при изменении ширины оно так же менятся
Здравствуйте, DeZhavi, Вы писали:
DZ>position:relative, вообщето поизиониоруется от родительского документа, при изменении ширины оно так же менятся
вы попробуйте мой пример, и увидите о чем я говорю
как ни старался постваить нижний див на тот же уровень с флэшом, ничего не получилось.
давайте упростим задачу, преположим есть такой хтмл
Как сделать что-бы top_text див был на том-же уровне что и flashitems. position: relative не помогает, хотя из ваших слов должно.
Спасибо
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.outer_container
{
width:912px;
padding: 0;
margin: 0 auto;
background-color: #CC9900;
}
.flashitems /*used for Flash*/
{
width: 912px;
height: 600px;
border:2;
border-color:green;
background:aqua;
z-index:inherit;
overflow: hidden;
position: relative;
}
.top_text
{
position:relative;
}
</style>
</head>
<body>
<div class="outer_container">
<div class="flashitems">
Som text instead of flash, but fixed height and width
</div>
<div class="top_text">
Some text in here
</div>
</div>
</body>
</html>
Здравствуйте, Holms, Вы писали:
H><div class="outer_container"> H> <div class="flashitems"> H> Som text instead of flash, but fixed height and width H> </div> H> <div class="top_text"> H> Some text in here H> </div> H></div> H></body> H></html>
Все-таки не совсем понятно, что конкретно надо.
Я так понимаю, что тут -<div class="flashitems"> — должен лежать флэш, какторый должен быть подложкой, <div class="top_text"> — должен быть справа от флэша, так?
DZ>Все-таки не совсем понятно, что конкретно надо. DZ>Я так понимаю, что тут -<div class="flashitems"> — должен лежать флэш, какторый должен быть подложкой, <div class="top_text"> — должен быть справа от флэша, так?
да, флэш идет как подложка, top_text — справа или с слева не имеет значения, имеет значение то что он должне быть вверху, на том же уровне что и флэш.
как на рисунке.
где желтая область это будет Flash обьект, белые это top_text див-ы.
Здравствуйте, andik, Вы писали:
A>Прочитал всю ветку A>думаю тебе надо это
да, это именно то что надо!
A><!-- контейнер, где будет содержимое страницы --> A><div class="top_text" style="position:absolute; left:0px; top:0px; color:#ffffff; width:100%; height:100%">
а вот здесь странно, если выставить еще стиль background-color != white то флэша не видно. Почему так?
Здравствуйте, andik, Вы писали:
A>Прочитал всю ветку A>думаю тебе надо это
Блин, как говорится "п..ц подкрался незаметно", в Firefox-e не работает.
Флэша совсем не видно.
В чем может быть проблема?
Спасибо
Здравствуйте, Holms, Вы писали:
H>Здравствуйте, andik, Вы писали:
A>>Прочитал всю ветку A>>думаю тебе надо это H>Блин, как говорится "п..ц подкрался незаметно", в Firefox-e не работает. H>Флэша совсем не видно. H>В чем может быть проблема? H>Спасибо
Я проверил тоже этотро пример, у меня в файрфоксе работает, флэшь виден
Здравствуйте, DeZhavi, Вы писали:
DZ> Я проверил тоже этотро пример, у меня в файрфоксе работает, флэшь виден
Можно посмотреть на вашу полную страницу и стили?
Спасибо
Здравствуйте, Holms, Вы писали:
H>Здравствуйте, DeZhavi, Вы писали:
DZ>> Я проверил тоже этотро пример, у меня в файрфоксе работает, флэшь виден H>Можно посмотреть на вашу полную страницу и стили? H>Спасибо
Дык сделал все в точности, как написал andik, но смотрите вот тут http://5stars.promo-lenik.com/testflash/1_.html — весия FF 3.0.6
хух, заработало наконец-то (даже в IE 6 работает ), оказывается лиса работает с embed тэгом, IE с object.
а я ради оптимизации удалил ebmed.
Спасибо всем