All black? What am I doing wrong?, My first Div. Options

[ReverseMyCurse]

I have tried making my first Div.
OK; it looks fine in Dreamweaver;
And in preview it looks fine.

But when I place it in the profile it just shows all black.
:/.

Can anyone help?

This is a link to both the HTML file and a TXT showing the DIV + CSS codes.

http://www.fileden.com/files/2007/5/27/111.../Untitled-1.rar

Please tell me if you can fix it?

[YourSuperior]

I can't view it because it's a .rar file.

[ReverseMyCurse]

Here is the .Zip version.
Sorry.

http://www.fileden.com/files/2007/5/27/111.../Untitled-1.zip

[ReverseMyCurse]

Bump?

Can anyone help?
I hope so :)

[*SinfullySweet*]

Why didnt you just put the code into a code box?

I can see alot of problems with the coding. There are alot of div layers that arent needed. Also, I see that you have a div covering the ad. That is a no . Everything is black becuase you have all of the div bg colors set to 000000. That is black.
You should go back to to where you set the div layers, and change the property :background-color:000000 to background-color:_____ what ever so color you desire. Also, your bg image isnt showing up becuase its not placed in the proper area of the codes.

CODE

<div style="left:0; top:166; width: auto;height:auto; position: absolute; z-index:0; background-color:ffffff; background-image: url("http://img.photobucket.com/albums/v707/Shamuki/LAYOUTcopy.gif");>

This code would be alot better for how you want the bg image to be placed.

Okay. So the text isnt showing? Alot of the divs you have placed arent visible because they arent placed right. You should set the left properties to a number of pixels, or if you want the div centered, change the left property of the div to 50%. I didnt spend much time on fixing it. But I got basic things to show up.

[ReverseMyCurse]

Hey thanks :)

How do I show the ad?
Or do I just do what you say and it will show?

[*SinfullySweet*]

you realize that using TOP and LEFT to position a div isnt cross-browser compatible, right? that code will mess up in firefox

Listen. There was alot wrong with the coding. I didnt spend much time fixing the positioning. I just tried getting things to show up. Where the image code was placed was false. I simply showed a easier way for the image to appear. I DIDNT spend time positioning the image.

[ReverseMyCurse]

I am literally confused.
I am pretty new; and now I don't know what to do?

I followed your link abra; I made a new Div with what it says, but half of it confuses me.

:/.

I do use FF btw; So what do I do now?

[freeflow]

What part are you confused on? What each attribute of the div stands for or how to position it? Post the new code to one of your divs and I can help :]

[ReverseMyCurse]

How to position it.
Everything has like fogged my head. ~haha.
Here is the code to what I've got (from the followed link.)

CODE

<style>
.BGIMG {position:absolute; left:50%; top:300px; margin-left:-400px; width:800px; text-align:center; border:2px black solid; background-color:dddddd; padding:5px;}
</style>


<div class="BGIMG">
<img src="http://img.photobucket.com/albums/v707/Shamuki/LAYOUTcopy.gif">
</div>

I know it isn't much, but now I am totally confused.
The position and such;
I think I know how to make the divs over the image but not sure.

Thanks :)

[ReverseMyCurse]

is there a reason you are using a DIV for your background image instead of just using the body of the page for your background?

So; do I put the image in a stylesheet then?

[freeflow]

You don't have to put in the body area its up to you. I know a lot of people who do it the same. With the positioning you edit margin left and top. Everything else can stay the same. There is a brief positioning section in our div tutorials that may help .

[ReverseMyCurse]

Ahh Ok.
I'll take a look at that.

Thanks Freeflow.