HTML - Object Tag In Ie7 - 2 Issues.
Hi guys.
I'm developing a website, as you do, but I've got two glitches with IE7, that Firefox doesn't have (though that always seems the case). This is to do with the OBJECT tag - using this code: <OBJECT data="nextshow.htm" type="text/html" width=185 height="80%"><P>No information available about our next show.</P></OBJECT> I wanted to show the content in the HTM file but have a transparent background, showing what is behind the OBJECT. This works fine in Firefox, however with IE7 it assumes a white background on the object by default, not a transparent background. In the meantime I have used a conditional comment on the nextshow.htm page to use a relatively suitable colour for the background if IE7 is being used, but it would be nice to keep it transparent - any suggestions? The other issue is in using saurdo gallery (an AJAX photo show / gallery applet). If you visit this page in IE7, then select a photo, the screen darkens and loads the photo in full-size, however the OBJECT is still above everything else, covering up a part of the photo as well as the CLOSE button in the box. In Firefox, this isn't an issue, with the object displaying underneath the box and darkened screen. The aforementioned link will also exemplify the first issue I am having. If you can help me out I'd be very appreciative. Thanks! -Rhys Andrews Similar TutorialsHey guys, I have been designing a portfolio for my photography for some time. There are a few issues I have and I would appreciate your help. http://fjchapman.com/portfolio/portfolio.html 1. If you'll notice, the SWF object won't open. If you go to http://fjchapman.com/portfolio/viewer.swf , the swf is fine. There is just something wrong with my code. 2. Why is it so screwed up in IE? I have been going through my code but I cannot understand why IE is adding some mysterious padding. Help? 3. Alignment of links. While the links are just fillers (concert photography, portraits) for now, how can I have them aligned to the bottom left of my header? Thank you guys so much for your time. Hello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick I am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section. It is displaying the music player within the limits of the shows section. How do i make the music player seperate? Here is the code for the entire site with the music and show sections bolded. Code: <i class=i>!--START CODE IN BAND MEMBERS --!</i> <i class=i> !-Start Div Overlay Content Block-! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8="> myspace code tutorials by Eileen</a> !-Close 3 layers of cell/row/table. This puts our Div ONE table deep. </i> </td></tr></table> </td></tr></table> </td></tr></table> <i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i> <div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;"> <i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i> <img src=http://i42.tinypic.com/16iz2j5.jpg> <img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;"> <span class="off">!-START COMMENT FORM-!</span> <div class="myCommentFormD"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="445328869" type="hidden"/> <textarea name="f_comments" class="myFormBox"></textarea> <center> <input type="submit" value="Post Comment" class="myPostCommentButton"/> <input type="reset" value="Clear" class="myClearButton"/> </center> </form> </div> <span class="off">!-END COMMENT FORM-!</span> <i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i> <i class=i>!-Open 3 layers of table/row/cell-!</i> <i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i> <table class="L1" ><tr><td> <i class=i>!-The below class i hides the remainder of the general table-!</i> <table class="i"><tr><td> <table class="i"><tr><td> <style>.i {display:none}</style> <i class=i>END CODE IN BAND MEMBERS</i> <i class=i>!START code in Influences !</i> <i class=i>!START Style Block For Hiding Elements on Band Page! <a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a> </i> <style> .i, div.clearfix i i i {display:none} {! fix a centering problem, and clear white space caused by clear gifs !} td {width:auto;} table td img {display:none;} {! restore any images displayed inside our div. You may want to use block instead of inline for some images. !} table td div.myCoreDiv img, table td div.myCoreDiv table td img, table td div.myCoreDiv div img {display:inline;} {!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!} div table td a.navbar img {display:block;} {! removes most content and the space it occupied !} table table table {display:none} {! minimize the remaining main page content that can not be removed without effecting the ad and menus !} table table td { height:0px; margin:0px; padding:0px;} {! restore my div. !} table div.myCoreDiv {display:block;} {! restore div with Comments !} table div.myCoreDiv div.myDclassFC {display:block;} table div.myCoreDiv div {display:block;} table table br {display:none;} table table table br {display:block;} {! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !} {! does not work in Safari !} table div br {line-height:4px;} {! reverse effect on custom div !} table div.myCoreDiv br {line-height:11px;} {! remove default background coloring !} table table, tr, td {background-color:transparent !important} {! ONLY if you want to remove the blue behind the ad banner AND the maroon !} div.profileWidth table, div.profileWidth td {background-color:transparent !important} div table {border-bottom:none !important;} {! ADDITIONAL STYLE BLOCKS CAN GO HERE !} <style> {!- shows -!} table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;} {!- UnDo effect on Div in Friend and Comment spaces -!} table table td.text table div {position:static; height:auto; overflow:hidden} table table td.text div.commentlinks {display:none;} table table td.text div table {display:block} {!-fix column width of shows-!} {!-set below px width to the width of your shows space-!} table table td.text div table td, table table td.text div table {width:425px;} table table td.text div table table {width:100% !important} {!-adjust below value as needed-!} table table td.text div table table table {width:40% !important} </style> <style> {!-music player-!} table table td.text div object {position:absolute !important; top:196px !important; left:100px} table table td.text div object object {position:static !important;} </style> Hello, I've created a table that should be automatically populated by data from a text file. It works fine in IE but is displayed blank in Firefox. Can anyone tell me why that might be? Code: <object id="members" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL" value="../../secure/Membership/contacts.txt"> <param name="UseHeader" value="True"> </object> <TABLE datasrc="#members" border="0" cellspacing="5" cellpadding="8" align="center"> <THEAD> <TR> <TD><strong>Name</strong></TD> <TD><strong>Organisation</strong></TD> <TD><strong>Telephone</strong></TD> <TD><strong>E-mail</strong></TD> </TR> </THEAD> <TBODY> <TR> <TD><DIV datafld="NAME" ></DIV></font></TD> <TD><DIV datafld="ORGANISATION"></DIV></font></TD> <TD><DIV datafld="TELEPHONE" DATAFORMATAS="html"></DIV></font></TD> <TD><DIV datafld="E-MAIL" DATAFORMATAS="html"></DIV></font></TD> </TR> </TBODY> </TABLE> Thanks for any help , Russ Hi there.Today,on a test page i decided to put a .swf movie using the object tag.After writing this code
Code: <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" type="application/x-shockwave-flash" data="video\index.swf" width="472" height="266" border="0" standby="Va rugam,asteptati.In proces de incarcare..."> <PARAM name="movie" value="video\index.swf"> <PARAM name="quality" value="high"> <PARAM name="bgcolor" value="#000000"> </OBJECT> i got(and i still get) a blank square filled with white color in Firefox and a black filled square in IE(this is actually the Flash Player,but for some reason it won't play the file). Please tell me,what's wrong : Me or the code? I really need some help. Hi everybody I know what is CLASSID. But, when embedding an ActiveX control into my Web page, what CLASSID should I include. For example, I want to embed Microsoft Agent "Merlin", how can I know what is its CLASSID. Any help will be highly appreciated. Hi all, Is it possible, using html, to replicate the Web Capture Web Part from Sharepoint? Basically what I want to do is have an object (or iframe if it is possible) but rather than display an entire page I would like to display a single element (in this case a table) from that page. The table is regularly updated so simply replicating the table on my page would not work. Hopefully someone can shed some light! Cheers, -Cront Hello, I'm looking for a script for a DHTML object. I don't know what the object is called nor do I have an example to link you to (sorry), but I'll do my best to describe it. It consists of a row of objects, usually images (particularly thumbs made into hyperlinks), that you can scroll through (horizontally) simply by hovering the mouse cursor over the left or right sides. I'm open to variants of this (hovering, for example, isn't necessary; dragging will work as well). Does anyone know what I'm talking about? What I want to do is have an iframe or something that contains only a portion of an external website. Specificically, I want to only include the search results of an ebay search URL. I can use an iframe, object, or server-side include to include the whole page in my page; however, I can't figure out how to access the dom on those objects so as to locate only the search-results div. It must be doable, since I can see that dom via firebug, but I can't seem to access it programmatically myself. Any suggestions? I have an object (swf animation). Now, i would like to have an image directly under that object (touching each other). I have a problem with an .swf in the object-tag. On the site, http://www.careerbuilder.se/se/page.aspx?pagever=cb_new, i have a swf that works as it should in FF, but not in IE. The user should be able to click on the large picture inside the flash for a new site to open. This works as I said in FF, but not in IE. This is my object script. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="image flipper" width="638" height="250" align="middle" id="image flipper"> <!--<param name="allowScriptAccess" value="sameDomain" />--> <param name="movie" value="http://www.tekniskajobb.se/knut/slideshow/feature.swf?introMsgText=http://www.tekniskajobb.se/knut/slideshow/xml/feature.xml" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="wmode" value="opaque" /> <embed src="http://www.tekniskajobb.se/knut/slideshow/feature.swf?introMsgText=http://www.tekniskajobb.se/knut/slideshow/xml/feature.xml" quality="high" bgcolor="#ffffff" width="638" height="250" name="image flipper" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> </object> Does anyone have a solution to my problem? / Thanks Hello guys, Is there any way to make a large files of flash into a smaller file size for faster loading of a site using JavaScript? I have recently made a couple of small websites which include a few small .swf's of work I have done. I am inserting the objects via the Object tags, and shown below is what I use. Code: <OBJECT ID="FlashPlayer" CLASSID="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" CODEBASE="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" WIDTH="481" HEIGHT="350" ID="my file ID"> <PARAM NAME="movie" VALUE="the file location" /> <PARAM NAME="allowScriptAccess" VALUE="sameDomain" /> <PARAM NAME="bgcolor" VALUE="#ffffff" /> </object> Upon loading said webpage in IE, the content loads.... ... but it does not load at all in the latest version of Firefox. I would be most grateful if someone could tell me what I am doing wrong, or what the correct tags are for Firefox. I have checked the search function and apologise if I did not see it mentionned in my list of search results. Kind regards. Here's the link to my test web page with a short slideshow embedded in it. http://www.prestigekitchensandbaths.com/test/index.html The slideshow movie is in FLV format, and it works fine in FF, Opera and Safari. Funny thing is that it works fine in IE when I test it on my desktop (Windows XP), but it won't work at all when I test it in IE on my laptop (Windows 7). Any idea why that would be? I'm using the FLV Player to play my video, as it gives me nearly all the parameters I was looking for, it doesn't require any scripting, and it's open source. Also, it seems to work with all the major browsers while not forcing me to use the EMBED tag, which is deprecated now and shouldn't be used. But it still boggles my mind why it would work in IE on one of my computers but not on the other. Hello everyone! I am currently working on a project that requires the following object to auto-scroll at user defined speeds: <td width='75%' valign='top'><object width='500' height= '1000' type='text/plain' data='bird.txt' border='0'> The embedded object is always a text file but each one will be a different size. I need some kind of auto-scroll mechanism that will allow the user to scroll down the text box at a speed that suits the size of the text file itself. Does anyone have any suggestions about how this could be achieved? Thanks Hey, my name is yann from Angola and Holland at the same time. My english isn't really perfect, so can someone please place a link to a tutorial that completely explains how to perfectly use the Html's object tag and it's atributes. BTW, im learning html 4.01. Is it worth it? Hi there I have used the object tab to display a file (instead of an iFrame) and it works fine in firefox but not at all in ie, has anyone any ideas please? Thanks in advance. Gaz Code: <object data="http://www.garysblog.co.uk/media/flashphoto/ambleside/index.html" type="text/html" width="400" height="400"></object> I have been making a website for some hours now, I started off making it comply to XHTML Transitional 1.0, however, this made it incredibly difficult for me to make the website appear how I wanted in both Firefox and Internet Explorer, so I downgraded to HTML 4.0.1 and decided to use iframes instead of objects to implement another webpage. However, there are two flash files on my website that are embedded using the object property: HTML Code: <object data="flButtons.swf" width="790" height="85" style="border-width: 0px;"> </object> And HTML Code: <object data="flSarah.swf" width="230" height="380"> </object> This works fine in firefox however, in internet explorer 7 it has a weird border like thing around it, and no matter what I try, I can't get rid of it. I initially had it on the iframe but i got rid of that using "frameborder=0".. this has no such attribute. The website is: http://www.geocities.com/s.cowperthwaite/index.html (temporary host obviously ) Any help will be appreciated : ) Thanks, matthew haworth Im getting an error in line 44 of my code, my body tag with upload in it. The error says object expected. Any advice? Code: <HTML> <HEAD> <TITLE> **** </TITLE> <SCRIPT type="text/javascipt"> var Color= new Array(9); Color[1] = "ff"; Color[2] = "ee"; Color[3] = "dd"; Color[4] = "cc"; Color[5] = "bb"; Color[6] = "aa"; Color[7] = "99"; Color[8] = "88"; Color[9] = "77"; Color[10] = "66"; Color[11] = "55"; Color[12] = "44"; Color[13] = "33"; Color[14] = "22"; Color[15] = "11"; Color[16] = "00"; function fadeIn(where) { if (where >= 1) { document.bgColor="#" + Color[where] +"0000"; where -= 1; setTimeout("fadeIn("+where+")", 15); } else { setTimeout('fadeOut(1)', 15); } } function fadeOut(where) { if (where <=16) { document.bgColor="#" + Color[where] +"0000"; where += 1; setTimeout("fadeOut("+where+")", 15); } else { setTimeout("fadeIn(16)", 15); } } </SCRIPT> </HEAD> <body onLoad="fadeIn(16)"> <p></p> </body> </HTML> I have two objects on the same page, one menuline on the left and an embeded pdf-file. My problem is: The menu-object is behind the pdf-object and I want to put the menu-object over the pdf-object. <EMBED src="folder_name/filexxx.pdf" width="444" height="345"></EMBED> http://www.henningbrekken.net/eliselektro/opvc-jz.html If some can help me, I will buy a christmaspresent for that person... he-he Yours sincerly Henning |