プロが教える店舗&オフィスのセキュリティ対策術

flash、xhtml、css、の超初心者です。

ページのヘッダー部分に、
swfファイルを背景にしてテキストを上に乗せてレイアウトしたものをのせたいと思っています。

swfファイルはセンターに配置して、
テキストは右寄せで、上から250px、右から50pxの位置に配置したいと考えています。

配置の方法をどうか教えていただきたくお願い致します。m(_ _)m

A 回答 (2件)

<html><head>


<style>
#header{
background-color:#cccccc;
width:600px;
height:300px;
}
#flash{
margin:0 auto;
position:absolute;
top:70px;
left:180px;
}
#text{
position:relative;
top:250px;
right:50px;
text-align:right;
color:#ff0000;
}
</style>
<body>
<div id=header>
<div id=flash>
<OBJECT classid="・・・"
codebase="http://fpdownload.macromedia.com/pub/shockwave/c … id="_preview" ALIGN="">
<PARAM NAME="allowScriptAccess" VALUE="sameDomain">
<PARAM NAME="movie" VALUE="yukidaruma.swf">
<EMBED src="yukidaruma.swf" menu="false" wmode="transparent" quality="high" NAME="_preview" align="" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
</div><!--end flash-->
<div id=text>
text
</div><!--end text-->
</div><!--end header-->
こういうことでしょうか?
</body></html>

swf は 私の独自のもので 試したので サイズを調節してみてくださいm(_ _;)m
    • good
    • 0

解説を忘れました。


<style>内の記述(css)で
<div>内の位置を指定しています。

html を簡単に書くと
<html>
<head><style>css</style></head>
<body>
<div id=header>
<div id=flash> flash </div>
<div id=text> text </div>
</div>
</body></html>

css内のポイントは position。
absolute は ウィンドウまたは基となるボックスを基準とした絶対的な配置
relative は 何もなかった場合に配置されるべきところから相対的な配置
この 基準位置から <div id=flash>,<div id=text>を
top: 、left:、right: で指定

falshだけに関わらず、<div>で囲んだものを cssで
時には重ねたり、スクロールを動かしても常駐させたりと
出来る事になります

私のはcssと html で、xhtmlとは別物でしたが がんばってください。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!