Thank you SO much Vincent and Philip! I've overlayed the HTML on the SWF and it works perfectly!!
On Wed, Feb 24, 2010 at 3:03 PM, Philip Hutchison <[email protected]>wrote: > Also, if you keep your CSS as-is, your links will be pushed out of view > (your CSS is forcing the SWF to display 100% height in the browser). > > You can't make the SWF 100% height if you also want to show HTML, unless > you have the HTML overlay the SWF. > > http://learnswfobject.com/advanced-topics/placing-html-elements-over-a-flash-movie/ > > - philip > > > > On Wed, Feb 24, 2010 at 12:00 PM, Vincent Polite < > [email protected]> wrote: > >> SWFObject replaces the div you designate with your .swf file. >> >> Because of that if you have links and other things that you want to >> display, those should be outside of the div you desginate. >> >> <div id="swfdiv">{Insert No Flash Content here}</div> >> <div id="...">Your links etc.</div> >> >> Use css to line up things the way you want. >> >> Hope this helps, >> >> Vincent >> >> On Wed, Feb 24, 2010 at 11:03 AM, Amy <[email protected]> wrote: >> >>> Hi all, >>> >>> I am having trouble having my html buttons show under my embedded SWF. >>> Does anyone know a work around or have any suggestions? Any help is >>> appreciated! Thanks, Amy >>> >>> Code: >>> >>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// >>> www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> >>> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> >>> <head> >>> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> >>> <title>The Man from Beijing by Henning Mankell</title> >>> <script type="text/javascript" src="js/swfobject.js"></script> >>> <script type="text/javascript" src="js/swfaddress.js"></script> >>> <script type="text/javascript"> >>> var params = { >>> quality: "high", >>> scale: "noscale", >>> wmode: "transparent", >>> allowscriptaccess: "always", >>> bgcolor: "#FFFFFF" >>> }; >>> var flashvars = { >>> siteXML: "xml/site.xml" >>> }; >>> var attributes = {id:"flashcontent"}; >>> swfobject.embedSWF("main.swf", "flashcontent", "100%", "100%", >>> "8.0.0", "expressInstall.swf", flashvars, params, attributes); >>> </script> >>> >>> <style type="text/css"> >>> /*hide from ie on mac\*/ >>> html { >>> height: 100%; >>> overflow: hidden >>> } >>> #flashcontent { >>> width: 100%; >>> height: 100%; >>> } >>> /* end hide */ >>> body { >>> height: 100%; >>> margin: 0; >>> padding: 0; >>> background-color: #FFFFFF; >>> } >>> </style> >>> </head> >>> <body> >>> <div id="flashcontent"> >>> <!--SEO--> >>> <div id="noflash"> >>> <p><strong>You need to upgrade your Flash >>> Player</strong></p> >>> <p>This is replaced by the Flash content.</p> >>> <p>Place your alternate content here and users >>> without the Flash >>> plugin or with >>> Javascript turned off will see this. Content here >>> allows you to >>> leave out <code>noscript</code> >>> tags. Include a link to <a href="index.html? >>> detectflash=false">bypass the detection</a> if you wish.</p> >>> </div> >>> >>> <tr> >>> <div><td align="center" valign="middle"><p class="style3" >Buy >>> now: <a href="http://www.amazon.com/gp/product/0307271862? >>> >>> ie=UTF8&tag=randohouseinc-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0307271862target=<http://www.amazon.com/gp/product/0307271862?ie=UTF8&tag=randohouseinc-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0307271862target=> >>> " >>> target="_blank">Amazon</a> | <a >>> href="http://search.barnesandnoble.com/booksearch/isbnInquiry.asp? >>> r=1&afsrc=1&ISBSRC=Y&ISBN=9780307271860<http://search.barnesandnoble.com/booksearch/isbnInquiry.asp?r=1&afsrc=1&ISBSRC=Y&ISBN=9780307271860> >>> " >>> target="_blank">Barnes & Noble</a> | <a >>> href="http://www.borders.com/online/store/TitleDetail?sku=0307271862"; >>> target="_blank">Borders</a> | <a >>> href="http://www.indiebound.org/book/9780307271860"; >>> target="_blank">IndieBound</a> | <a >>> href="http://www.powells.com/biblio/9780307271860?&PID=32442"; >>> target="_blank">Powells</a> | <a >>> href="http://www.indiebound.org/book/9780307271860"; >>> target="_blank">IndieBound</a> | <a >>> href="http://www.randomhouse.com/catalog/display.pperl? >>> isbn=9780307271860<http://www.randomhouse.com/catalog/display.pperl?isbn=9780307271860>" >>> target="_blank">Randomhouse.com</a><br> >>> <span class="style9"><a >>> href="http://knopf.knopfdoubleday.com/"; target="_blank">Knopf >>> Publishing Group</a></span> >>> </p> </td> >>> </tr></div> >>> </div> >>> </body> >>> </html> >>> >>> >>> -- >>> You received this message because you are subscribed to the Google Groups >>> "SWFObject" group. >>> To post to this group, send email to [email protected]. >>> To unsubscribe from this group, send email to >>> [email protected]<swfobject%[email protected]> >>> . >>> For more options, visit this group at >>> http://groups.google.com/group/swfobject?hl=en. >>> >>> >> -- >> You received this message because you are subscribed to the Google Groups >> "SWFObject" group. >> To post to this group, send email to [email protected]. >> To unsubscribe from this group, send email to >> [email protected]<swfobject%[email protected]> >> . >> For more options, visit this group at >> http://groups.google.com/group/swfobject?hl=en. >> > > -- > You received this message because you are subscribed to the Google Groups > "SWFObject" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<swfobject%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/swfobject?hl=en. > -- You received this message because you are subscribed to the Google Groups "SWFObject" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/swfobject?hl=en.
