Placing the swf in a Table in HTML

[Matt Stone]

I just wanted to replace the DHTML page-flipper I have now with the better Megazine3, but putting the div inside a table doesn't work.  How should I put this in a table?

Thanks

[Florian Nücke]

I'm not sure how exactly SWFObject works internally, but I'd assume it doesn't necessarily have to be a div that contains the Flash content. So you could just give the table cell that should contain it the appropriate ID, i.e. <td id="megazine"></td>.

[Matt Stone]

I tried that, it doesn't work...Nothing is displayed at all when I try that.

[Florian Nücke]

Well, I don't know what it is, but something is wrong in your page then. I just tested both cases, i.e.

Code: (xml)

<table><tr><td><div id="megazine"></div></td></tr></table>

and

Code: (xml)

<table><tr><td id="megazine"></td></tr></table>

Both worked fine. Are you sure you're not missing the SWFObject JavaScript or something? I.e. the

Code: (xml)

<script type="text/javascript" src="js/swfobject.js"></script>

[Matt Stone]

I don't know what I'm doing wrong...my code looks the same, at least for those lines.  Would you take a look?  http://www.mattstone.biz/mshowcase/index.html

Thanks.

[Florian Nücke]

Your HTML is broken, try the w3c validator once in a while

Code: (xml)

<table><tr><td id="megazine"></td></tr></table><tr><td>
	<div id="megazine">
...
	</div>
</td></tr>
</table>

should be

Code: (xml)

<table><tr><td>
	<div id="megazine">
...
	</div>
</td></tr>
</table>

[Matt Stone]

Yes, my bad...but it still doesn't work as a table.  I've changed it to add 2 rows:  first with the swf, second with a graphic.  The graphic doesn't display...nor does the table.  What I want is for the flash object to show as an element of a table, much as the DHTML pageflipper does here: http://www.mattstone.biz/testsite/Closed_for_maint.htm

[Florian Nücke]

Well, the remaining issue seems to be, that the path to megazine.swf file seems to be incorrect. Produces a 404.

[Matt Stone]

I just fixed that...was in too much of a hurry.

[Matt Stone]

It seems I may not be able to run this from godaddy, as I cannot register the mz3 or asul files with IIS there.  It shows the problem when running index.html locally as a file, tho.

[Matt Stone]

I really appreciate your help.  I've put all the relevant files in this zip: http://www.mattstone.biz/mshowcase/FlashPageFlip.zip .

[Florian Nücke]

Aside from your HTML still being broken (what I pointed out before... the table is incorrect), you'll have to set some absolute sizes somewhere. If you don't set the size for the <td>, then you'll have to change the two '100%'s in the swfobject.embedSWF call to some absolute values.

Regarding the mz3/asul extension issues, just change the extension to xml. For the book definition just adjust the xmlFile FlashVAR to make the engine find it afterwards, as for the ASUL files, see http://www.megazine3.de/doc/Book#asulextension

[Matt Stone]

Thanks so much...I got it from here!

[Matt Stone]

I think it's working 90% of the way I'd like it to.  All that's left is, the page doesn't scroll!  I have this version at http://www.mattstone.biz/mshowcase/maint.html.  I really appreciate the help.

[Florian Nücke]

Remove the overflow:hidden from your body CSS.