HTML - Object Styles?
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 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 hi some help please i want to have 2 styles on one line, first text should be bold second text should be normal the following is from my template file: <div class='header'>BOLD TEXT <a href="user_fof.php" > normal text</a> </div> this stays in the same line but both are bold, i have tried adding a class="normaltextstyle" but the color changes but it still stays bold please assist, Hi, I am somewhat new to the html/design... I have made websites but only the older style that you don't see nowadays. I'm looking to start learning about the newer layouts and whatnot... Could anyone tell me how I go about making a website like this (link below)? I"m looking to make one for my photography to put it online. thanks a lot http://www.portraitsbyjafa.com/ How do I go about setting inline color styles for links? Yes I know use CSS but this is one case it will not work because the CSS is overriding certain links. So I just want to use inline styles for these certain links. How would I go about do that? -Thanks Hi, I am having a problem with a HTML email. When sent through to Outlook 2000 All styles within tags are being re-written with "defanghtml" this in turn is turning all the styles of within the email's HTML code. This is not happening for every recipient!? Has anyone encountered this problem? Do you know what causes it? Can it be stopped? ok, so I'm taking a course in college and the question came up... basically, if I do this [p style = "text-align: right"][h3]Information[/h3][/p] It won't apply the right justifictation, though if I put the justification setting in the h3 tag it does it, or if I switch the h3 to the outside and put the style on it, it works as well. Does anyone know why this is? My guess was that the h3 resets the text's formatting properties and then formats it? Sorry, I'm a newbie 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'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? 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 Dear HtmlForums! I've just bumped into a problem, the following two files is used; HTML file CSS file Now, what i want to do, is to be able to write on top of, at the side and at the bottom in the mainbox, so that the text kinda "goes around" the black-er box to the right in the mainbox. Text starts at the top, and floats around the image and continues. (Dont worry about the image saying "Unable to load picture - please check browser version. Its because the image file is not correctly linked) Following image describes what i'd like to accomplish: IMAGE In front, Thank you! 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 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? 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. The following code works in Firefox AND validates as XHTML 1.0 Strict: <object codetype="application/java" classid="java:lake.class" width="423" height="567"> <param name="image" value="lovetide.jpg" /> </object> It displays the image, and the applet simulates ocean waves on the image. However, this code does NOT work in IE (no image displayed at all). Any idea how to do this in IE in a way that will still validate? I did some searches on the Web, and found an article that pointed out IE handles <object> differently from other browsers. Based on that article, I tried this: <!--[if IE]> <object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" width="423" height="567"> <param name="code" value="lake.class" /> <param name="image" value="lovetide.jpg" /> </object> <![endif]--> <!--[if !IE]> Not executed by IE--> <object type="application/x-java-applet" classid="java:lake.class" width="423" height="567"> <param name="image" value="lovetide.jpg" /> </object> <!--[endif]--> Still works with Firefox but not IE. Any help would be much appreciated. Thanks. Bill 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 ! hi can anyone tell me how to findout the value for "classid" attribute of <object> element, if iam uploading flash vedio i can get that value in source code document after publishing it but how would i know for vedio formets like quicktime,mpeg,DV etc and what is the use of declare attribute? thanks & regards 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 I have an object (swf animation). Now, i would like to have an image directly under that object (touching each other). 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? |