Div/Css Code Im noob Help Plz

[+Seetheworldsecond Subscriber¹]

First of all this is Myspace.com/hellojesus and what i did so far to it.

Ok I know I did this wrong, I made a flash Table and wanted to replace The Contact Table that Myspace already provides for me, And this is my code..

<div style="z-index: 2; position: absolute; left: 68px; top: 443px; ; width: 0px; padding: px; border: black 0px dashed;"><iframe src="http://www.geocities.com/thething316/MyContact.swf" height=150 width=300 scrolling="no" frameborder="0"></iframe></div>

I know Something is wrong cause it look good in Internet Explorer and Bad On fireFox(test it on both browsers and ull see) btw Its www.myspace.com/hellojesus

And Someone told me that my coding was off, What I want to do is Remove the Myspace contact table and replace it with my own, its the same size(300px 150px) except its flash!

So Can Someone Please Help me thanks.

-edit- omg I resized my browser and my contact table moved!?!?!

-edit- I tryed using this but it just was all black and my flash didnt show up!

<style type="text/css">

.contactTable { display: none }

width:300px !important; height:150px !important; padding:0px !important;

background-image:url("<iframe src="http://www.geocities.com/thething316/ContactTable.swf" height=150 width=300 scrolling="no" frameborder="0"></iframe>");

background-attachment:scroll; background-position:center center;

background-repeat:no-repeat; background-color:transparent; border:0px;}

.contactTable table, table.contactTable td { padding:0px !important;

border:0px; background-color:transparent; background-image:none;}

.contactTable a img {visibility:hidden; border:0px !important;}

.contactTable .text {font-size:1px !important;}

.contactTable .text, .contactTable a, .contactTable img {filter:none;}

</style>

-edit- I was givin this advise

"Just create a DIV, size it to the same size as the contact table, use absolute positioning to put it in the correct place, and place the embed code for your flash file, within the container :)"

But Im noob! :cry:

Edited June 28, 2005 by Narutorocker

[bobrosstonvillestate]

Ok first off, why are you putting the flash in an iframe? Why are you not just embedding it?

<object width="300" height="150">
<param name="movie" value="http://www.geocities.com/thething316/MyContact.swf">;embed src="https://www.geocities.com/thething316/MyContact.swf" width="300" height="150">
</embed>
</object> 

also, your div is messy messy messy

<div style="z-index: 1; position: absolute; left: 68px; top: 443px; width: 300px; height: 150px; padding: 0px; border: 0px">

try that ;)

[+Seetheworldsecond Subscriber¹]

  neoific said:

Ok first off, why are you putting the flash in an iframe? Why are you not just embedding it?

<object width="300" height="150">
<param name="movie" value="http://www.geocities.com/thething316/MyContact.swf">;embed src="https://www.geocities.com/thething316/MyContact.swf" width="300" height="150">
</embed>
</object> 

also, your div is messy messy messy

<div style="z-index: 1; position: absolute; left: 68px; top: 443px; width: 300px; height: 150px; padding: 0px; border: 0px">

try that  ;)

586132377[/snapback]

Ok I put the Code like this

<div style="z-index: 1; position: absolute; left: 68px; top: 443px; width: 300px; height: 150px; padding: 0px; border: 0px".. width="300" height="150">

<iframe src="https://www.geocities.com/thething316/MyContact.swf" height="150" width="300" scrolling="no" frameborder="0"></iframe>
</embed>
</object>

Did i do it right? It Moves still when i Resize my Browser, But Someone told me this

" use % instead of fixed values.

as you can see mine stays there even if you resize the browser "

Person Who Told me was This dude >>>> http://myspace.com/projectx5

Can Someone Please Put it in % for me yeah Im noob at coding but still learning so thanks so very much!