Help with Div over lay, help with div over lay Options

[GatesOfAbove]

ok im trying to cover up a this black void with a div over lay but the part i want to cover up is
all the way to the right of the screen i used your "simple div overlay code" but the farthest i can move it is in the middle... also is there a way i can lock it once its placed so if i scroll up or down it stays in its original place?

this is what it looks like

this part in the About me Section
<Style type="text/css">
Body{
background-color:000000;
background-image:url(http://i63.photobucket.com/albums/h152/GatesOfAbove/d398b99a.jpg);
background-position:Top left;
background-attachment:fixed;
background-repeat:no-repeat;
}
Table, Td{background-color:transparent;border-style:none;}
img { filter: none; }
a:link img { filter: none; }
a:hover img { filter: none; }
</Style>

<Style>
. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
</Style>

<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>

<Style>
. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
</Style>

<style>.orangetext15{display: none;}</style>

<style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}</style>

<style>
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible;}
td.text td.text td a {visibility:hidden;}</style>

<Style>
table td.text {visibility:hidden;}
</Style>

and this part in the in the Who id like to meet

<div class="bg" style="position: absolute; left:100%px; top:0px; width:122px; height:845px; overflow: hidden;">
<img src="http://img240.imageshack.us/img240/6740/half4cv.png">
</div>

<div class="content" style="position: absolute; left:500px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

and one more question i was messing with the div overlay thing and tired to overlay everything with one big pic but it just would cover everything im talking about the whole screen is what i want to cover, thats y im using css cause its covers more. Is there another code i should be using? thanks for the help
no links nothing

[freeflow]

Cover everything with this:
http://www.createblog.com/scripts/download.php?id=45
Then where it says content here put
<img src="urltopic">

[GatesOfAbove]

Thanks man but how can i stretch out the whole image to fit the hole screen? i still got gray showing on both sides so far ive been messing with the numbers of the postions and nothing so far this is what i have

http://myspace.com/sleeping_with_pain

see the gray on both sides? is there a way to stretch out my div?

[freeflow]

Yea but your thing is already HUGE I think you should do this
<style type="text/css">
body, tr,td{
background-color:######;
}
</style>

Where I put ###### Put the color code to the yellow in the picture and you will loose the grey.

If you absolutely want ot move it you need to move it more left so edit

this part:
margin-left:-400px;
of this code (in about me):
<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
</style>

[GatesOfAbove]

Dude im sry for bothering you and stuff but i love you "no homo" thanks for helping me out and stuff.

ok heres how it looks now an idea on how to blacken thoughs skinny white lines?

http://myspace.com/sleeping_with_pain

[freeflow]

Its ok ask as many q's as you want

edit the bold part of this code which you can find in who'd I like to meet:
<DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}"> <tr> <td valign="top">All of your content goes in here, whether it be tables, flash, or whatever!</td> </tr> </table> </DIV>

[GatesOfAbove]

dude you rock hardcore.

now how would i go about linking pictures and words.
example. if i want a picture to link to the add me link
or image/text to link to veiw more pics

[freeflow]

<a href="linkhere"><img src="imgurlhere"></a>

Add me
You have to follow this
http://forum.myspace.com/index.cfm?fuseact...674&adTopicID=6

But for view more pics

CODE

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=FRIENDSIDHERE&Mytoken=9E1FBA88-4EAA-4D02-814B446DBC11A6921458152203">View more pics</a>

or

CODE

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=FRIENDSIDHERE&Mytoken=9E1FBA88-4EAA-4D02-814B446DBC11A6921458152203"><img src="imgurlhere"></a>

um edit were I put friends id here in caps

[GatesOfAbove]

Thanks man you've been hell of a great help. imma take a break to day cause i been at it all day this shit is addictive. most likely il be back tomorrow with more newb questions

thank you for you help man YOU ROCK

[GatesOfAbove]

ok toyo thanks for all your help but i'l still be needing you on this quest of mines lol.

thank you for giviing my the <a herf> code and information.
now that next step is making yet another div over lay, over the div i already have so i can instert the <a herf> and people can see it.
understand?

this is the overlay you helped me out with
in whod il like to meet

<DIV class="Main"> <table style="width:500px; height:0px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:000000;}"> <tr> <td valign="top"><img src=http://i63.photobucket.com/albums/h152/GatesOfAbove/d398b99a.jpg>
</td> </tr> </table> </DIV>

and in about me
<style type="text/css">
.Main { position:absolute; left:505; top:0px; width:800px; z-index:1; margin-left:-446px; padding:0px; border:0px; background-color:transparent;}
</style>

<style type="text/css">
body, tr,td{
background-color:000000;
}
</style>

myspace.com/sleeping_with_pain

i would like to add pictures or images i have created over this overlay as links with div code do i use?

[freeflow]

http://www.createblog.com/forums/index.php?showtopic=97397
Follow that. Just read were they talk about adding content.

[GatesOfAbove]

ok i was fooling around with it plugged in

and it showed my a preview of where it was. i had it in the prefect postion. so i hit submit mitt

but when i went to check out my page it was there why is this?

Who i'd like to meet
<DIV class="Main"> <table style="width:500px; height:0px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:000000;}"> <tr> <td valign="top"><img src=http://i63.photobucket.com/albums/h152/GatesOfAbove/d398b99a.jpg>
</td> </tr> </table> </DIV>

<div class="bg" style="position: absolute; left:250px; top:650px; width:320px; height:122px; overflow: hidden;">
<img src="http://img484.imageshack.us/img484/5260/middlefinger3ho.jpg">
</div>

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

About Me

<style type="text/css">
.Main { position:absolute; left:505; top:0px; width:800px; z-index:1; margin-left:-446px; padding:0px; border:0px; background-color:transparent;}
</style>

<style type="text/css">
body, tr,td{
background-color:000000;
}
</style>

if you plug this in and then hit preview for who id like to meet you'll see it there and when you hit submit and go to the site its not why?

http://myspace.com/sleeping_with_pain

(doing everything in safe mode)

[GatesOfAbove]

Never mind i got it


I still need help making that pic i just put int a view more pics link

i have no idea on how to do it and the links you gave me i dont understand

About Me:
<style type="text/css">
.Main { position:absolute; left:505; top:0px; width:800px; z-index:1; margin-left:-446px; padding:0px; border:0px; background-color:transparent;}
</style>

<style type="text/css">
body, tr,td{
background-color:000000;
}
</style>

Who i like to meet:
<DIV class="Main"> <table style="width:500px; height:0px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:000000;}"> <tr> <td valign="top"><img src=http://i63.photobucket.com/albums/h152/GatesOfAbove/d398b99a.jpg>
</td> </tr> </table> </DIV>

<div id=layer1 style="position:absolute; top:350; left:250; width:300; height:122; z-index:1; padding:0px; border: ..000000 2px solid; background-color:..000000; background-image:url(http://img484.imageshack.us/img484/5260/middlefinger3ho.jpg); layer-background-image:url();">
</div>

http://myspace.com/sleeping_with_pain

[GatesOfAbove]

you can close this thread now