- ベストアンサー
swfファイルを背景にしてテキストを上に乗せたい。
flash、xhtml、css、の超初心者です。 ページのヘッダー部分に、 swfファイルを背景にしてテキストを上に乗せてレイアウトしたものをのせたいと思っています。 swfファイルはセンターに配置して、 テキストは右寄せで、上から250px、右から50pxの位置に配置したいと考えています。 配置の方法をどうか教えていただきたくお願い致します。m(_ _)m
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
解説を忘れました。 <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とは別物でしたが がんばってください。
その他の回答 (1)
- noris02
- ベストアンサー率74% (56/75)
<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/cabs/flash/swflash.cab#version=6,0,0,0" 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 は 私の独自のもので 試したので サイズを調節してみてくださいｍ(＿ ＿;)ｍ
