HTML - Navigation Overlay

Alright, i'll give you the long and short of it.
I want to be able to make a png image and using a div overlay post it as a comment on someone's myspace.
For example...
They have an image with them looking godlike...



so I take a screenshot, do some drawing, get rid of the background and save my work as a png --->
and I post a comment on there myspace resulting in this outcome



Now I know my div overlay code would look something along the lines of
Code:

<div style="width: 452px; height: 113px; position: absolute; top:294px; center:100px" align="center">
<img 

src="http://ad6storieshigh.com/myspace/messingwith/crown.png" border="0"></a>
</div>

But the problem is, when you post something like that myspace converts it to
Code:

<div .."width: 452px; height: 113px; position: absolute; top:294px; center:100px" align="center">
..
src="http://ad6storieshigh.com/myspace/messingwith/crown.png" border="0">
</div>

Which is obviously a problem.
So I was thinking how else I could do this.
I noticed that for youtube videos you use an <object...etc...> and then an </embed>
tag

so I was wondering, is there a way to use the object/embed procedure to call to a file on a website that's holding my div overlay code? like if I made an html file that only had the div code in it.
Or something along those lines?
please adn thank youD

Hi! I have a flash website that is a little heavy (loads a little slow) so basically my idea is to create a flash intro that is light and might load fast on top of my current flash site..so that the flash intro plays while the site itself loads behind it. and then the flash intro would be done playing and disappear and will expose the main flash site behind it. I don't want to do a separate page for intro and main site though as it basically will give the same loading time. i want it to load together the main site behind at first then will be exposed after the flash intro is done. I was thinking of using z-index to put the flash intro on top white the site loads and put make the flash transparent after it's done playing.. but my i think if i do that the main site behind would not be functional(clickable) because of the overlaying object (which is only transparent) is there a way that i can make the object totally disappear after it's done playing? not just making it transparent... or is there any other way to do this? actionscript? java? anything? curtain? container? how is it possible... please help... Thanks guys.

so im trying to put a slide show in the div overly...im putting it in the right section but when i view my profile its right in the middle of the page overlapping writing etc..
how do i get it so its under that heading i put it up instead of it center?

heres my code

ABOUT ME:

<style> body table {margin-top:-50000px;}body td table, body div table {margin-top: 0;}table, tr, td {background-color:transparent;}body div table form{display:none;}body table div form{display:block;}div table td font {visibility:hidden; }a.navbar:active, a.navbar:visited, a.navbar:link { display:none;}a.navbar:hover { display:none; }.navbar {visibility:hidden; display:none;} .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} table tr td div font {display: none;} body div table td form {display:none!important;}table, td, tr{ background-color:transparent;}td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}td.text embed {width:260px; height:38px;}td.text embed, td.text object {width:260px; height:38px;}

h1 {
font-family: Time New Roman;
font-size: 20pt;
color: ffffff;
font-weight: normal;
border-bottom: 3px double;
border-color: ff3399;
text-align: right;}

h2 {
font-family: Time New Roman;
font-size: 20pt;
color: ffffff;
font-weight: normal;
border-bottom: 3px double;
border-color: ff3399;
text-align: left;}

b {
color: fff;
font-weight: bold;
text-transform: none;}

i {
color: fff;
font-style: italic;
font-weight: normal;
text-transform: lowercase; }

u {font-family: Arial;
font-size: 11pt;
color: fff;
text-decoration: underline;
border-bottom: 1px solid;
border-color: ff3399;}

strike {
font-size: 10pt;
color: fff;
font-style: strikethrough; }

big, small {
color: fff;}

textarea, select, input {
font-family: Arial;
color: fff;
background-color: ff3399;
border: 1px solid fff;
letter-spacing: -1px; }

blockquote {
background-color: transparent;
border: 1px solid;
border-color: ff3399;
padding: 5px;}

body {
background-color: 000000;
background-image: url("http://cbimg6.com/layouts/08/08/30432aa.jpg");
background-repeat: repeat-y;
background-position: center;

scrollbar-face-color: ff3399;
scrollbar-arrow-color: fff;
scrollbar-track-color: 333;
scrollbar-shadow-color: 000;
scrollbar-highlight-color: 777;
scrollbar-3dlight-color: fff;
scrollbar-darkshadow-color: 000;}

.navi:link, .navi:active, .navi:visited {
font-family: Verdana;
font-weight: normal;
font-size: 8pt;
color: ffffff;
text-transform: uppercase;
text-decoration: none;
background-color: ff3399;
display: block;
text-align: center;}

.navi:hover {
font-family: Verdana;
font-weight: normal;
font-size: 7pt;
color: ff3399;
text-transform: uppercase;
text-decoration: none;
background-color: ffffff;
display: block;
text-align: center;}

a:link, a:active, a:visited {
font-family:Arial;
font-weight: normal;
font-size: 11pt;
color: ff3399;
text-transformation: none;
text-decoration: none;
background-color: none;}

a:hover {
font-family: Arial;
font-weight: normal;
font-size: 11pt;
color: ffffff;
text-transformation: none;
text-decoration: none;
background-color: ff3399;}

.right {position: absolute; top: 380; left: 50%; margin-left: -143px; height:; width: 563; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;}

.left {position: absolute; top: 375; left: 50%; margin-left: -365px; height:; width: 170px; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;}

.base {position: absolute; top: 0px; left: 50%; margin-left: -497px;}

</style>




WHO ID LIKE TO MEET?

<div class="base"><img src="http://cbimg6.com/layouts/08/08/30432ab.jpg" /></div>

<div class="right">
<h1>Spotlight on me.</h1>
<center><br /><img src="http://i31.tinypic.com/116nhwy.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br /></center>
Best daughters in the world; <b>Allie & Stephie</b>, <u>my kids</u>; Steps Dance studio (Hip Hop Instructor) is the job; I am a dancer - i live it love it am it; dancing is a very big apart of my life that and i want to pass that same love to my girls ; Merced College is the school Nursing is the major; i <b><u>LOVE</b></u> anything PINK; I &hearts; my girls; I &hearts; my friends; I &hearts; beer; I &hearts; drinking at applebees; I &hearts; Rap & R&b; I &hearts; late nights; I &hearts; romance movies ; I &hearts; A Walk to Remember; I &hearts; Tattoos; I ♥ coors light; I &hearts; the RAIDERS; I &hearts; my bff amanda always; I &hearts; Mac Make-up; I &hearts; getting my nails done; I &hearts; drinking @ La Ha 2 haha<br /><br /><br />

I hate people who lie; I hate cheaters; I hate broken promise's; I hate caring so ****in much; I hate having a big heart; I hate fights; I hate onions and mushrooms; I hate clowns; I hate traffic; I hate dark beer; I hate tomatos; and that sums me up in a nut shell body

<h1>Welcome To the Show.</h1>
<img src="http://i38.tinypic.com/11kgl8m.jpg" align="left" /><b>Name:</b> Kelley Kellz<br />
<b>Age:</b> 24<br />
<b>Location:</b> merced; califoRnia.<br />
<b>Status:</b> call it what you want.<br />
<b>Occupation:</b> dance instructor; school.<br />
<br /><br />
<br /><br /><br />


<h1>Backstage Pass.</h1>
<p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="320" width="426" style="width:426px;height:320px" data="http://widget-af.slide.com/widgets/slideticker.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://widget-af.slide.com/widgets/slideticker.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="l" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="cy=ms&il=1&channel=2666130979412675759&site=widget-af.slide.com" />
</object>



under "backstage pass"
thats where i want the slideshow but it wont put it under there nor under the "welcome to the show" area

what am i doing wrong?

Alright, I'll admit up front that while I know very bare basics of HTML, I mostly just deal with Photoshop and the like, so I'm not much of a webmaster. That being said, here's my question:

I have a site split up into tables, and I would like to place a scrollable section in the middle (where I can put whatever amount of text I need), but also place a non-scrolling image behind it. Does that make sense? If not, then I could try to explain further.

Any help would be great.

Hi all,

i'm trying to build a page using overlay frames without using JS scripts. I already managed to get it working but it has a few problems.

Page: blackphoenixlegion.net Links: Corporation or Recruitment.

Technique:
I have additional frames below the page via overlow:hidden, using the CSS :target pseudo class to change the X position upon a target call.

Problems:
1. Should the available screen space be smaller in height than the page, then no scroll bar is shown. The page is just getting cut off.

2. The page is totally not IE compatible ofc. I figured i will have to use JS for those fixes, but thats ok ... someone who is using IE will not have problems with using JS ^^. I already added a JS script working like the :target peusodclass, but i still have two problems:
- The subframe (iframe) has no transparent background
- The overlay frame is getting shown, but the browser scrolls to the "hidden" area wich is just black.