Cделать поверх Fkash плашку и разместить на ней растровое изображение по середине и текст по правому краю - HTML и CSS

epoletov · 19.05.2011, 03:26

Здравствуйте.

Очень надеюсь на вашу помощь.
Суть такова, в HTML я вставил флеху (fullscreen video background), она отображается хорошо, проблема в том,
что я не могу сделать поверх нее плашку и разместить на ней растровое изображение по середине и текст по правому краю.
Получается только отдельно плашка и картинка растровая по середине, а текст никак не ложиться.
В приложении картинка, как пытаюсь сделать.
Буду очень благодарен за вашу помощь!

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
	 
 
          
       <title>background</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #000000;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
	</head>
	<body>
     <div style="position:fixed;bottom:0px;background:black;text-align:center;width:100%;height:70px;">
     <img src= "media/picture.png" align="bottom"></a> 
      
</div>
		<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="background" align="middle">
				<param name="movie" value="background.swf" />
				<param name="quality" value="high" />
				<param name="wmode" value="opaque" />
                <param name="bgcolor" value="#000000" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<param name="wmode" value="transparent" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="background.swf" width="100%" height="100%">
					<param name="movie" value="background.swf" />
					<param name="quality" value="high" />
					<param name="wmode" value="opaque" />
                    <param name="bgcolor" value="#000000" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
					<param name="wmode" value="transparent" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
</object>
				<!--<![endif]-->
			</object>
		</div>
</body>
	
</html>

Kolik317 · 19.05.2011, 16:30

Наверно нужно просто z-index применить

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выравнивание содержимого страницы по правому краю	Krasi	JavaScript, Ajax	1	11.07.2010 14:42
Как в комбобоксе cделать появление хинта при наведениии на длинный текст?	TwiX	Общие вопросы Delphi	3	01.06.2010 15:31
вывод 2ух чисел в мемо с выравниванием меньшего к правому краю большего	nuevegramodelamor	Помощь студентам	2	27.05.2010 16:28
StringGrid: выравнивание содержимого столбца по правому краю	Art_	Компоненты Delphi	2	06.05.2009 17:30
StringGrid как выровнять по центру и по правому краю?	MAcK	Компоненты Delphi	5	03.09.2007 14:11

19.05.2011, 16:30	#2
Kolik317 Пользователь Регистрация: 14.08.2009 Сообщений: 64	Наверно нужно просто z-index применить