HTML - Object Positioning
I inserted an swf using the object tag.
I used hspace and vspace to position it. Some browsers (opera/firefox) don't seem to be reading the vspace. Can I use CSS to position an object tag? I tried giving it a class name but it still doens't seem to work. Any suggestion? Similar TutorialsHello, 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> 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. 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 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 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. I'm working on integrating streaming HD video into my website (flash). I'm getting it close to how I want it to look, but I'm pretty inexperienced with flash (and not much more experienced with HTML). Please check the following pages and view source: http://www.matthoover.com/gallery/sk...ck_4.0-HD.html http://www.matthoover.com/gallery/sk...o_2008-HD.html I am trying to create a border around the whole flash object (player + controls), but the bottom bit of the border is getting cut off. I'm sure there's a much better way to do this? Here it is right now snipped from the source: Code: <div style="text-align:center; width:800px; height:456px"> <div style="float:left; width:69px; height:398px"> </div> <div style="float:left; width:650px; height:398px; border: solid #e5e5e5; border-width:medium; border-style:ridge"> <script type="text/javascript" src="http://www.matthoover.com/jw/swfobject.js"></script> <div id='player'><a href='http://www.adobe.com/go/getflashplayer'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a> </div> <script type="text/javascript"> var so = new SWFObject('http://www.matthoover.com/jw/player.swf','mpl','650','398','10','#000000'); so.addParam('allowscriptaccess','always'); so.addParam('allowfullscreen','true'); so.addParam('flashvars','&file=http://www.matthoover.com/video/Z-Flock_4.0-HD.mp4&backcolor=000000&frontcolor=FFFFFF&screencolor=000000&skin=http://www.matthoover.com/jw/skins/modieus.swf'); so.write('player'); </script> </div> </div> Thanks! 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. i have a custom friendster layout which i made using basic HTML which basically turns my friendster profile into a blog: http://www.friendster.com/jholicmks have a question though about the object tag. as you can see from the website i use the <OBJECT> tag to import my blog contents into the content area of the site. unfortunately, after fiddling around with its height properties i can't seem to get the <OBJECT> to expand to fit its contents. all i've managed to do is get the scrollbar to disappear and, after 800px down, it cuts off completely. here's the code i used: http://h1.ripway.com/onlymoderatelymad/jholic.js it's very messy javascript coding, i know. but if anyone has a solution for my problem i'd appreciate it. 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, 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 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 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 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? 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> Hi, I am very very new to HTML and have been trying to find out how to add a border to an object, which in my case is flash. Here is my 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" width="650" height="320" id="tacticalassassin" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="tacticalassassin.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="bgcolor" value="#FFFFFF"/> <embed src="tacticalassassin.swf" quality="high" wmode="opaque" bgcolor="#000000" width="650" height="320" name="tacticalassassin" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> I've tried putting border=2, border="2", border=2px ect.... I've tried so many variations but can't get it to work... Can some one please help, thanks ! Does somebody know what is the current stay of the play with <EMBED> and <OBJECT> tags? I can not find a clear information if I need to use both tags, or just one to embed objects into HTML. Hi, I have the following code: <object data="cross.gif" type="image/gif" alt="Genetic Algoritm" border="0" height="604" width="714" usemap="#gallery"/> <map name="gallery"> <a shape="rect" coords="168,143,484,179" target="_self" href="new%202a">Full Red</a> <a shape="rect" coords="168,209,484,246" target="_blank" href="menu">Full Blue</a> </map> The image is shown but the links or shapes are not recognised. I am sure the pixels are correct and the links are ok. The code is similar to an example in a book so I'm a bit confusd. Is there something missing? Thanks. Hi, I have an activex control which loads with object tag. I use the windows registry key value to load the class. When i run the code from a local machine it works fine, but when i upload to a unix based server, the controls do not load. Is there something I am doing wrong? |