Help - Search - Members - Calendar
Full Version: Flash Banner Appears Too Low On Page
HTMLHelp Forums > Web Authoring > Graphics, Flash and Multimedia
sandmansf
Hello. I apologize if this should be under a different section but it does involve flash and flash is what I am least familiar with. Anyway, this is driving me batty blink.gif

When I open this html file from my desktop, everything appears great. The flash banner appears at the very top of the page with very little top margin and the main elements of the page appear directly below it without getting covered up. Just by chance did I load it onto my website so I could show my father my progress and then I could see the mess. There is about a 1.25" margin of just white blank space above the flash banner. This happen in IE 6, IE 7, and Firefox 2.

I've tried a bunch of things but nothing seems to work. Here is a link to the test page:
http://www.thedomainreserve.com/test.html

I tried a bunch of things to isolate the issue by deleting all of the HTML and adding back bits and pieces. I'm not sure if this helps, but if I removed the following tags (below) after the flash embed code, it brought the flash back up to the top, however, the rest of the page content was still partially covered by the flash.
</td>
</tr>
<tr>
<td>
Of course this leaves some of the other table elements open-ended.
You can see the result of removing those tags here:
http://www.thedomainreserve.com/test2.html

Please keep in mind that when I run the test.html file on my desktop, it looks perfect. For some reason, when I upload it to my site, it gets all messed up. I figure I don't need to show the code here since the source code can be viewed from my site, but if you need it, please let me know and I'll add it here. Thanks.

UPDATE: I just tested removing all of the flash embed code and replaced it all with a simple JPG to see what would happen. Everything looks good. You can see the banner JPG at the top with a normal margin and the elements below appear fine without being covered by the banner. You can see the results at: http://www.thedomainreserve.com/test3.html

So it would appear that there's something going on with the HTML code used to embed the flash. I also tried the much simpler code (below) and had the same problem: http://www.thedomainreserve.com/test4.html
<object
type="application/x-shockwave-flash" data="flash/header_V8.swf?button=1"
width="780" height="369">
<param name="movie" value="flash/header_V8.swf?button=1" />
<param name="wmode" value="transparent">
</object>

Thanks to anyone who has any ideas. sad.gif
Frederiek
From all the pages where you use an external stylesheet, the css file is missing, hence the error I get (Safari on Mac):

Resource interpreted as stylesheet but transferred with MIME type text/html.
http://www.thedomainreserve.com/style.css


sandmansf
Haha, boy do I feel like a fool. blush.gif

It works now. Thanks a bunch Frederiek! biggrin.gif
Frederiek
You're welcome biggrin.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.