4 replies [Last post]
saraturtle
Offline
newbie
Last seen: 16 years 14 weeks ago
Joined: 2006-11-06
Posts: 3
Points: 0

Hope someone out there can help me with this....

I dont use CSS that much really...so I only know a very little. My web page is fine and fully functional except for one thing - my banner. Originally I had a standard jpg banner ...and the code is as follows

#header {
margin:2em 2em 0 2em;
padding:1em 1.5em;
height:5em;
background-image:url('bluehd1.jpg');
background-repeat: no-repeat;
background-color:#000000;
border:1px solid #eeeeee;
}

"bluehd1.jpg" being the original banner.

Now I have made a flash banner, and I want to replace the jpg banner with the flash one. Now if I were just using straight html...I would use this code:

I even tested it out in a blank page..and the code works. My question is...how can I substitute the flash banner, for the jpg one.

As I said..I dunno much about css...and you might find the things I tried stupid...but oh well...after backing up all the files, I tried the following things myself:

1. leaving the style code exactly the same..just changing bluehd1.jpg to bluehd1.swf - didnt work

2. I then erased all the style code except for

#header {

and added the flash code...in various forms....then ended with

}

3. Last but not least I installed microsoft frontpage and using the "design" view - deleted the jpg banner and inserted the flash banner. This worked....only the banner wasnt the right size...it was like 75% smaller...and surrounded by a white box.....i then tried adjusting the sizes in the style code (2 em 0 em etc) but i still couldnt get it to work.

Please Help!

saraturtle
Offline
newbie
Last seen: 16 years 14 weeks ago
Joined: 2006-11-06
Posts: 3
Points: 0

oops

ummm the code for the flash file didnt show for some reason...ill try to post it here....

O .B. J .E .C. T .classid =" clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="1124" HEIGHT="186" id="BMPF-bluehd1.swf">
P A R A M N A M E=movie VALUE="http://www.bannermakerproforflash.com/images/bluehd1.swf">
P A R A M N A M E=quality VALUE="high">
P A R A M N A M E=bgcolor VALUE=#FFFFFF>
E M B E D src="http://www.bannermakerproforflash.com/images/bluehd1.swf" quality="high" bgcolor=#FFFFFF WIDTH="1124" HEIGHT="186"
NAME="BMPF-bluehd1.swf" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
/ E M B E D>
/ O B J E C T >

sorry that it looks funny...it wouldnt show up unless i left out some << >> and spaced the letters...if you need the code in its pure working form..let me know. I just thought maybe this would help some of you experts tell dumb old me what im doing wrong

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 17 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Place the code for the Flash

Place the code for the Flash in the HTML and remove the background-image stuff from your CSS. Just use the CSS to position #header.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

saraturtle
Offline
newbie
Last seen: 16 years 14 weeks ago
Joined: 2006-11-06
Posts: 3
Points: 0

Thanks!

It worked..thank you!

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 41 weeks 2 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Code display

This forum software requires you to post code between the <code> tags, it's a security thing to stop malicious code running.

Glad you got it solved though Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies