HTML - Dom For Iframe/object/ssi?

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>

Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen.

That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another.

http://www.trans4mind.com/personal_d...e/iframes3.htm

here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it.

Hi!
I've been cracking my head trying to solve this:

How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one?

kind of concentric iframes or like a 'Donut iframe'

I have an object (swf animation). Now, i would like to have an image directly under that object (touching each other).

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

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 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

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>

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

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 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.

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!

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

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.