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]. For more options, visit this group at http://groups.google.com/group/swfobject?hl=en.
