| |
 79.7 Кб |
|
| | Здравствуйте.
Очень надеюсь на вашу помощь.
Суть такова, в HTML я вставил флеху (fullscreen video background), она отображается хорошо, проблема в том, что я не могу сделать поверх нее плашку и разместить на ней растровое изображение по середине и текст по правому краю.
Получается только отдельно плашка и картинка растровая по середине, а текст никак не ложиться.
В приложении картинка, как пытаюсь сделать.
Буду очень благодарен за вашу помощь!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//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>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Epoletov
(19.05.2011 в 03:36)
| | | Можно начать отталкиваться от следующего решения
<div style="position:fixed; bottom:0px; background:black; width:100%; height:70px;">
<div style="float: left; width: 90%; text-align: center;"><img src="media/picture.png" align="bottom"></div>
<div style='float: right; width: 10%; color: white;'>Тут текст, текст текст Тут текст, текст текст</div>
</div>
|
| |
| |
|
|
