Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

.swf as HTML table background 1

Status
Not open for further replies.
codecomm

codecomm

Programmer
Feb 14, 2007
121
US
My goal is to have this BG.swf file as the background for an HTML table which I'll then put some context over the BG.swf background.....if possible.

Here's my HTML so far:

<body>
<table width="780px" height="96px" background="BG.swf">
<TR>
<TD>

<script type="text/javascript">
AC_FL_RunContent( 'codebase',' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="780" height="96">
<param name="movie" value="BG.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<param name="SCALE" value="noborder">
<embed src="BG.swf" quality="high" pluginspage=" type="application/x-shockwave-flash" width="780" height="96" wmode="transparent" scale="noborder" align="top"></embed>
</object>
</noscript>
</TD>
</TR>
</table>
</body>

**********************************************
**********************************************

I actually need this above table to have the BG.swf file as the background if possible and this below table as the text:

<table width="780" cellspacing="0" cellpadding="0" height="40" border="0" align="center">
<tr>
<td bgcolor="#C89292" height="24" class="text" align="center">Club Text:<br/>
<table width="100%" border="0" summary="All of our great sponsors!">
<caption>
<span class="style4">Please visit our great sponsors: </span>
</caption>
<tr>
<td>Sponsor 1</td>
<td>Sponsor 2</td>
<td>Sponsor 3</td>
<td>Sponsor 4</td>
</tr>
</table></td>
</tr>
</table>

Thanks!
 
Sort by date Sort by votes
ive done this before but i had to use <div> tags and .css

if you know anything about z-index's and absolute positioning thats how i got around it

if you dont i can tell you but no point in me explaining it if you already know
 
Upvote 0 Downvote
Ummn sorry, I dont know - that why I asked, every now and then I find a really nice piece of tasty info... and this is one of them. So, if you could, please explain how you did it, it would help a lot. Thanks
 
Upvote 0 Downvote
basically using a 'z-index' in css/html is like your layers in flash
the higher the z-index the higher the layer it is on...

so if you have something with a z-index of 1
an object with a z-index of 2 will appear over the top of this...
but under an object with a z-index of 3

so using your style sheet use code similar to...



<style type="text/css">

.flashbackground {
width: --px;
heigh: --px;
position: absolute;
margin: 50%;
margin-left: --px;
top: --px;
z-index: 1;
}

.tableproperties {
width: --px;
heigh: --px;
position: absolute;
margin: 50%;
margin-left: --px;
top: --px;
z-index: 2;
}

</style>




<body>


<div class="flashbackground">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="---" height="---">
<param name="movie" value="XXXX.swf">
<param name="quality" value="high">
<embed src="XXXX.swf" quality="high" pluginspage=" type="application/x-shockwave-flash" width="---" height="---"></embed>
</object>

</div>


<div class="tableproperties">

WRITE WHATEVER YOU WANT OVER THE TOP OF YOUR FLASH MOVIE IN HERE

</div>


</body>



obviously where i hav "--px" you change to the width and height you want

Position on your page using the "top:" and "margin-left:" functions in the style sheet. you can also use negative instances to move it further left... such as "-100px"

also the "XXXX.swf" link in the flash embedded code needs changed in both cases.

the z-index of the "tableproperties" box is '2' which means it will be positioned on top of "flashbackground" because this only has a z-index of '1'

it may take a few attempts to position it where you want it - i tend to go by trial and error just changing the values and testing the page in a browser.

this works in firefox, internet explorer, mozilla and safari web browsers... these are the only 4 i have tested it on though.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

patriciaxxx
  • Locked
  • Question
Re-compile swf resources to swf
Replies
0
Views
565
patriciaxxx
patriciaxxx
phipm1
  • Locked
  • Question
Swf files won't play on http server, but works fine on Sunone web server
Replies
2
Views
208
phipm1
phipm1
niksavtchenko
  • Locked
  • Question
► SWF File Elements Shift Upon Resizing Window
Replies
0
Views
110
niksavtchenko
niksavtchenko
mdermez
  • Locked
  • Question
SWF management - Adobe Flash CS4 AS3
Replies
1
Views
159
audiopro
audiopro
tom1537
  • Locked
  • Question
flash and html
Replies
1
Views
130
audiopro
audiopro

Part and Inventory Search

Sponsor

Back
Top