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 strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Inserting Flash movie with CSS

Status
Not open for further replies.
technoknow

technoknow

Technical User
Apr 19, 2002
121
US
Hi,
I've used the following CSS:
Code: 
#topFlashWrapper
	{
	position: relative;
	margin: 0;
	left: 87px;
	top: -96px;
	width: 350px;
	height: 94px;
	z-index: 1;
	}
Here is the html:
Code: 
<div id="topFlashWrapper"> 
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="[URL unfurl="true"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"[/URL]
WIDTH="350" HEIGHT="94" id="topFlash" ALIGN=""><PARAM NAME=movie VALUE="topFlash.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="flash/topFlash.swf" quality=high bgcolor=#FFFFFF  WIDTH="350" HEIGHT="94" NAME="topFlash" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="[URL unfurl="true"]http://www.macromedia.com/go/getflashplayer"></EMBED>[/URL]
</OBJECT>
</div>
This works fine on my WinXP machine with FireFox 1, Netscape 7.2. But not on IE 6.0.2 I can view the movie fine in IE if I just view the swf file alone. It must be a problem with the CSS syntax, I've tried everything, please help!
Thanks,
TechNoKnow

Once upon a midnight dreary, while I pondered, weak and weary, over many a quaint and curious volume of forgotten code.
 
Sort by date Sort by votes
Works fine in FF and NN but not on IE is kinda vague. What seems to be the problem. What I do know is that IE does not accept the embed tag, while Netscape browsers do. Maybe the error is there.
 
Upvote 0 Downvote
It doesn't display at all in IE. It displays in FF and NN.
In IE if you view the movie from the published file it shows fine, here is the source:
Code: 
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html;  charset=ISO-8859-1">
<TITLE>topFlash</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<!--Flash animation--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="[URL unfurl="true"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"[/URL]
 WIDTH="350" HEIGHT="94" id="topFlash" ALIGN="">
 <PARAM NAME=movie VALUE="topFlash.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="topFlash.swf" quality=high bgcolor=#FFFFFF  WIDTH="350" HEIGHT="94" NAME="topFlash" ALIGN=""
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="[URL unfurl="true"]http://www.macromedia.com/go/getflashplayer"></EMBED>[/URL]
</OBJECT>
</BODY>
</HTML>
That has an embed tag and it works fine.
Why doesn't that OBJECT tag work if I use it in another file with a DIV tag?
Code: 
<div id="topFlashWrapper"> 
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="[URL unfurl="true"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"[/URL]
WIDTH="350" HEIGHT="94" id="topFlash" ALIGN=""><PARAM NAME=movie VALUE="topFlash.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="topFlash.swf" quality=high bgcolor=#FFFFFF  WIDTH="350" HEIGHT="94" NAME="topFlash" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="[URL unfurl="true"]http://www.macromedia.com/go/getflashplayer"></EMBED>[/URL]
</OBJECT> </div>

Thanks for your time.
TechNoKnow

Once upon a midnight dreary, while I pondered, weak and weary, over many a quaint and curious volume of forgotten code.
 
Upvote 0 Downvote
Is that the only code in the page? Why is the top property of the div a negative value? If it is the only thing, that could push the div out of the browser window.
 
Upvote 0 Downvote
Well, I got it to work but I'm not sure how.
I worked with the OBJECT tag and it started working.
Thanks for your time Vragabond. Here is the OBJECT tag now:
Code: 
<div id="topFlashWrapper"> 
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="[URL unfurl="true"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"[/URL]
 WIDTH="350" HEIGHT="94" id="topFlash" ALIGN="">
 <PARAM NAME=movie VALUE="flash/topFlash.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="flash/topFlash.swf" quality=high bgcolor=#FFFFFF  WIDTH="350" HEIGHT="94" NAME="topFlash" ALIGN=""
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="[URL unfurl="true"]http://www.macromedia.com/go/getflashplayer"></EMBED>[/URL]
</OBJECT>
</div>

Once upon a midnight dreary, while I pondered, weak and weary, over many a quaint and curious volume of forgotten code.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
688
spamjim
spamjim
scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
338
3esolar
3
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
356
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
283
PeDa
PeDa
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
312
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top