trouble with div-layering, need help! Options

[xXLoveGoddessXx]

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><DIV align="center" valign="middle" style="BORDER-RIGHT: #660000 1px solid; BORDER-TOP: #660000 1px solid; FILTER: alpha(opacity=100); OVERFLOW: auto; BORDER-LEFT: #660000 1px solid; WIDTH: 850px; BORDER-BOTTOM: #660000 1px solid; HEIGHT: 470px; BACKGROUND-COLOR:<br />#ffffff"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

that's the div-layering code, i changed the color into image and this is what it looks like now:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><DIV align="center" valign="middle" style="BORDER-RIGHT: #660000 1px solid; BORDER-TOP: #660000 1px solid; FILTER: alpha(opacity=100); OVERFLOW: auto; BORDER-LEFT: #660000 1px solid; WIDTH: 850px; BORDER-BOTTOM: #660000 1px solid; HEIGHT: 470px; BACKGROUND-<br />IMAGE:URL<br />(http://img436.imageshack.us/img436/8331/strip9mv.jpg)"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

i don't know why, but it doesnt work. am i missing something or doing something wrong?? please help

[*digital.fragrance*]

Okay, what you need to do is make two div layers. One with the picture and one that has all of your content. Then position them so your content div layer is on top of your picture div layer.

To have an image in a div layer, look at this...

CODE

<div align="left"><div style="position:static; margin-top:-94px; margin-left:-10px; overflow:auto; border:0"><img src="URL OF PICTURE HERE">
</div>

[xXLoveGoddessXx]

i really don't understand. i tried, but the image comes out on top of the content in one div layer

[*digital.fragrance*]

i really don't understand. i tried, but the image comes out on top of the content in one div layer

Okay, use the div layer I gave you, then use this other one:

CODE

<div align="left"><div style="position:static; margin-top:-94px; margin-left:-10px; overflow:auto; border:0">
TYPE YOUR TEXT CONTENT STUFF HERE...........
</div>

play with the margin-top and margin-left numbers and it will position that one on top of the image div layer. Make sure you paste this one after the image div layer.

[xXLoveGoddessXx]

that does work, but how come the content is under the div layer?

[*digital.fragrance*]

Can you post the codes in your header? Then I can look at them.

[xXLoveGoddessXx]

<!-- begin code provided by createblog.com --><br /><div align="center"><div style="position:static; margin-top:50px; margin-left:-10px; overflow:auto; border:0"><img src="http://img310.imageshack.us/img310/410/strip4mf.jpg"><br /></div><br /><br /><br /><br /><div align="left"><div style="position:static; margin-top:-800px; margin-left:70px; overflow:auto; border:0"><br /><DIV align="center" valign="middle" style="BORDER-RIGHT: #660000 1px solid; BORDER-TOP: #660000 1px solid; FILTER: alpha(opacity=100); OVERFLOW: auto; BORDER-LEFT: #660000 1px solid; WIDTH: 850px; BORDER-BOTTOM: #660000 1px solid; HEIGHT: 470px; BACKGROUND-COLOR:<br />#"><br /></div><br /><br /><!-- end code provided by createblog.com -->

that's the code

[*digital.fragrance*]

you don't have anything typed in your second div layer, so nothing is going to show up becuase nothing's there...

Right before the </div> in the second div layer, type something, anything, and then see if it works. Your probably gonna have to mess with the numbers again to get in the right spot.

[xXLoveGoddessXx]

no...it still doesn't work..

[*digital.fragrance*]

can you post a link to your site? I'd like to look at it.

[xXLoveGoddessXx]

My Webpage

[xXLoveGoddessXx]

My Webpage

that's my webpage

[Latina Babii]

If it's appearing below the image doesn't that mean you need to put the postion? SOmething like that.

Oh and try not to double post please.

[Retrogressive]

This is my exact same problem. What are you supposed to TYPE IN??

[*digital.fragrance*]

This is my exact same problem. What are you supposed to TYPE IN??

There are attributes in the div layer code such us "margin-top: 0px; margin-left: 0px;" These codes position the div layer.

Now, xXLoveGoddessXx, I didn't see the div layers on your page, but other than positioning, I don't know what could be wrong. It's possibel that your content div layer is off of the page.

[talcumpowder]

..... If it's for content, you put it at the bottom of your header and DON'T CLOSE IT! For everything else, close it.
But then you put this in webstats, </div>, to close the content layer. Make sure everything you want under the content is ABOVE THE </DIV>, otherwise it shows up after.

[xXLoveGoddessXx]

okie, thank u very much for everyone's help!!!!!!

[Kenado]

Topic Closed.