Background would not show up D: Options

[iDino]

Okay so I actually coded this one with the help of a tutorial :D
And I set it so the whole myspace is covered and my music player shows up,
and the add is still there so I dont get introuble.
I set my overlay's z index to 2,
and my music player's to 3 so it would be on top.
But my background wont show.
I dont know if it has somethig to do with the code I got to hide the nav bar but keep the ad or what!
Could someone look at this and maybe input a background code that should work?
I only need one to include my main background image!
i can position and that myself.
Thanks
Heres my image if you want to see it
http://www.fileden.com/files/2007/7/8/1250...e-christmas.gif

CODE

<style>

div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
.friendSpace { display:none; }
.contactTable{display:none;}
.friendsComments {display:none;}

table table embed{position:absolute; top:0px; left:96.5%; margin-left:0px;
z-index:3;
width:44px;}

.BlankSlate{ position:absolute;
top:0px;
left:0%;
margin-left:0px;
width:100%;
height:100%;
z-index:2;
padding:0px;
border:0px solid black;
background-color:ccffcc}
</style>

<div class="BlankSlate"></div>

[Smarmosaur]

i don't see your background in the codes anywhere at all.
add:

CODE

body{
background-image:url('linkhere');
background-position:center;
background-repeat:no-repeat;}

[iDino]

i don't see your background in the codes anywhere at all.
add:

CODE

body{
background-image:url('linkhere');
background-position:center;
background-repeat:no-repeat;}

I took it out because it didnt work.

And that code didnt work either.
It just didnt show up, and blocked the ad!
D:
I dont know whats going on with it!

[Smarmosaur]

when i tested it, half of the page it still showing. do you want to remove everything from your page except the ad and music player?

[iDino]

Its fine.
I just made another div section and put the image in it, and set that up,
put in an about me div and just bumped that up a layer,
and then added some more divs for my buttons.
making a ton of div sections is just a ton easier for me, and I understood it a lot :]]
And It leads to endless possibilities!!!! :D
I love it!

[manny-the-dino]

So topic closed?

[Smarmosaur]

actually, the easiest way would have been to just set it as your background. but since you simply had an overlay, it was hiding everything. except the bottom part of the layout. you cannot do that. that just looks tacky and shows you have no idea what you're doing. hide everything the correct way, don't use an overlay
you can go ahead and keep the div for the background and links and such, but get rid of the solid green overlay and set it as your background color:

CODE

<style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }

table table embed{position:absolute; top:0px; left:96.5%; margin-left:0px;
z-index:3;
width:44px;}

body{
background-color:CCFFCC;}
</style>

So topic closed? shrug.gif

please don't. i'd like to help him/her learn the correct way and clean it up, if that's ok.

[manny-the-dino]

Sure, that's totally fine with me. Carry on.

[Smarmosaur]

oops, it was typed in a rush. sorry.
when i tested, the image wouldn't completely center on my browser. maybe use coordinates? or just go ahead and use a div. all i'm asking is for you to hide things right. anyway, just like a div, you can position a background with an x and y value:

CODE

background-position: 0% 0%;

the first 0% is for positioning horizontally. the second is vertically. just like divs.

[Mickey]

Or use center twice like this:

CODE

background-position: center center;

[iDino]

I really just dont understand to be completely honest....
If someone could just add in the correct background that would be great D;
Or else Im gonna just leave it the way it is because I dont want to mess everything up..

CODE

div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}

I Used this to hide the nav bar but keep the URL. And I just hid the whole space with an overlay because thats what I was told in a new tutorial, and it seemed easy, but it messed up the background, and I want to fix that so I can add in like two backgrounds if you know what I mean.
How you have your main background (About me and links and such. The main stuff) And then the other one you put behind it (Such as colored stripes and stuff)

Codes and help and dummy proof explanations would be helpful and loved :]
This is my FIRST myspace DIV profile!!
IM VERY NEW

CODE

<style>

div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}

.friendSpace { display:none; }
.contactTable{display:none;}
.friendsComments {display:none;}


table table embed{position:absolute; top:0px; left:96.5%; margin-left:0px;
z-index:4;
width:44px;}



.BlankSlate{ position:absolute;
top:0px;
left:0%;
margin-left:0px;
width:100%;
height:100%;
z-index:1;
padding:0px;
border:0px solid black;
background-color:ccffcc}

.background{ position:absolute;
top:25%;
left:25%;
margin-left:0px;
width:500px;
height:500px;
z-index:2;
padding:0px;
border:0px solid black;
background-color:transparent;
}

.aboutme{ position:absolute;
top:270px;
left:560px;
margin-left:0px;
width:230px;
height:400px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
font-family:arial;
font-size:15px;
line-height:23px;
color:000000;
font-weight:none;
overflow: auto;
}

.home{ position:absolute;
top:310px;
left:17px;
margin-left:25%;
width:75px;
height:75px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}

.add{ position:absolute;
top:380px;
left:80px;
margin-left:25%;
width:75px;
height:75px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}

.message{ position:absolute;
top:425px;
left:8px;
margin-left:25%;
width:75px;
height:75px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}

.comment{ position:absolute;
top:490;
left:90px;
margin-left:25%;
width:75px;
height:75px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}

.pics{ position:absolute;
top:530;
left:10px;
margin-left:25%;
width:75px;
height:75px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}

.blog{ position:absolute;
top:595px;
left:78px;
margin-left:25%;
width:75px;
height:75px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}




</style>







<div class="BlankSlate"></div>

<div class="background"><img src="http://www.fileden.com/files/2007/7/8/1250987/Myspace-christmas.gif" /></div>

<div class="aboutme"><center>
Profile Layout and Design by ME :]<br />
Yep I made it myself<br />
With the help of some tutorials<br />
<br />
Anyways<br />
Im Sean<br />
Art<br />
Graphics<br />
School<br />
single<br />
Lookin for a lady<br />
Txting<br />
Working out<br />
Drawing<br />
Painting<br />
Making keychains<br />
Coding<br />
Talking<br />
Giving Advice<br />
Accelling<br />
Powerade Zero<br />
Fuze Slenderize<br />
Vegetarian<br />
Animals<br />
Got a dog named Max<br />
Music<br />
All Kinds :]

</center>
</div>

<div class="home"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" target="_blank"><img src="http://i120.photobucket.com/albums/o185/Singer_Actor/75by75none.gif" /></a></div>

<div class="add"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMzg5ODI3ODM=" target="_blank"><img src="http://i120.photobucket.com/albums/o185/Singer_Actor/75by75none.gif" /></a></div>

<div class="message"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yMzg5ODI3ODMmTXlUb2tlbj03OGZmNmJjOC0yMjYwLTQ0NjEtYWU2MC0wZDRmN
EwMzY3M2U=" target="_blank"><img src="http://i120.photobucket.com/albums/o185/Singer_Actor/75by75none.gif" /></a></div>

<div class="comment"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTIzODk4Mjc4MyZN
VRva2VuPTc4ZmY2YmM4LTIyNjAtNDQ2MS1hZTYwLTBkNGY0YTAzNjczZQ==" target="_blank"><img src="http://i120.photobucket.com/albums/o185/Singer_Actor/75by75none.gif" /></a></div>

<div class="pics"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yMzg5ODI3ODM=" target="_blank"><img src="http://i120.photobucket.com/albums/o185/Singer_Actor/75by75none.gif" /></a></div>

<div class="blog"><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MjM4OTgyNzgz" target="_blank"><img src="http://i120.photobucket.com/albums/o185/Singer_Actor/75by75none.gif" /></a></div>

[iDino]

actually, the easiest way would have been to just set it as your background. but since you simply had an overlay, it was hiding everything. except the bottom part of the layout. you cannot do that. that just looks tacky and shows you have no idea what you're doing. hide everything the correct way, don't use an overlay
you can go ahead and keep the div for the background and links and such, but get rid of the solid green overlay and set it as your background color:

CODE

<style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }

table table embed{position:absolute; top:0px; left:96.5%; margin-left:0px;
z-index:3;
width:44px;}

body{
background-color:CCFFCC;}
</style>

please don't. i'd like to help him/her learn the correct way and clean it up, if that's ok.

HEY IT WORKED :D
Thanks!!

[manny-the-dino]

Topic Closed & Moved