Be a Supporter!

Flash movie using CSS

  • 373 Views
  • 5 Replies
New Topic Respond to this Topic
« Return to Programming Forum Forum Index
SkySausage
SkySausage
  • Member since: Jul. 2, 2007
  • Offline.
Forum Stats
Member
Level 16
Blank Slate
Flash movie using CSS 2008-03-22 01:32:48 Reply

Hey all

I'm having a little problem here... How do I put a Flash movie on a page using CSS that overlaps everything else? The Flash movie I plan to put on the page is 1000 pixels wide, and I want it to be centred on the page.

I don't have any experience in CSS at all, it isn't anything like the HTML I'm familiar with. I don't intend to learn how to use CSS, I just need some quick help. I've tried google, but I'm not exactly sure what kind of terms to search for and I keep getting unrelated results.

Can someone give me the code and tell me where I should put it, please?

Any help is appreciated. Thanks!

BBS Signature
urbn
urbn
  • Member since: Jun. 10, 2007
  • Offline.
Forum Stats
Member
Level 18
Programmer
Response to Flash movie using CSS 2008-03-22 02:14:14 Reply

I think you can just use DIV's

so have something like this in your css file:

#flashcont{
     margin: auto;
}

Then just put the flash file in the div, like this:

<div id="flashcont">
FLASH FILE
</div>
BBS Signature
SkySausage
SkySausage
  • Member since: Jul. 2, 2007
  • Offline.
Forum Stats
Member
Level 16
Blank Slate
Response to Flash movie using CSS 2008-03-22 03:11:59 Reply

Oh, so replace FLASH FILE with the url? I'll try it out, thanks.

BBS Signature
urbn
urbn
  • Member since: Jun. 10, 2007
  • Offline.
Forum Stats
Member
Level 18
Programmer
Response to Flash movie using CSS 2008-03-22 03:26:18 Reply

Replace "FLASH FILE" with the embed code for the flash object. I don't know exactly what it is off the top of my head.

BBS Signature
SkySausage
SkySausage
  • Member since: Jul. 2, 2007
  • Offline.
Forum Stats
Member
Level 16
Blank Slate
Response to Flash movie using CSS 2008-03-23 07:52:21 Reply

Hmm... I'm still not exactly sure. This is the code I put in, but it doesn't seem to make a difference:

#flashcont{
     margin: auto;
}
<div id="flashcont">
<object type="application/x-shockwave-flash" data="http://www.swfup.com/uploads/swf-163328.swf" width="1000" height="400" class="file_border">
<param name="movie" value="http://www.swfup.com/uploads/swf-163328.swf" />
</object>
</div>
BBS Signature
smulse
smulse
  • Member since: Mar. 24, 2005
  • Offline.
Forum Stats
Member
Level 31
Blank Slate
Response to Flash movie using CSS 2008-03-23 09:39:00 Reply
At 3/23/08 07:52 AM, SkySausage wrote: Hmm... I'm still not exactly sure. This is the code I put in, but it doesn't seem to make a difference:

#flashcont{
margin: auto;
}
<div id="flashcont">
<object type="application/x-shockwave-flash" data="http://www.swfup.com/uploads/swf-1 63328.swf" width="1000" height="400" class="file_border">
<param name="movie" value="http://www.swfup.com/uploads/swf-

163328.swf" />

</object>
</div>

Because your CSS wants to either go in an external CSS stylesheet or in between the <head> tags in a <style></style> tag like so:

<head><style> #flashcont{ margin: auto; }</style></head>

Also you might want to give it a width or it won't work.

BBS Signature