Hi, there!

On my site, I' like to have this text box (div layers), but at the corner, I want to have an image over top of the text. How do I do that?

Does anyone think they can help me?

Here's the page if you on't have a clue what I'm talking about because I'm a very bad explainer...

http://www.freewebs.com/dressreese

At the far, bottom right hand corner, there is a little picture of Reese Witherspoon. Excuse my "Hello!Hello!" things - I was testing the div layers. Anyway - I was wondering how to take that same Reese and make her go over the text, instead of under.

Please can anyone help me? :(

Be patient. People live in different time zones, and triple posting won't help.

Won't it make it annoying to read the text if it goes under?
I don't think you'll be able to do that, unless the picture of Reese is seperate from the layout.

Mhm ... Thank-you for posting. I do have a seperate image of the small picture of Reese.

But it's not on the page.

You have this (http://www.freewebs.com/dressreese/ressewitherspoonlayout6.png) image, which is not seperate from the small photo of reese.

Should I take the small picture off, then? I have this picture that I was going to use as the 'overlapping' picture.

http://www.freewebs.com/dressreese/littlereese2.jpg

No, using that would work, I think. Try this:

For the div layer where all the text is:

<div style="position:absolute;left:325;top:500;width:399;heigh t:447;overflow:auto; z-index: 1;">
<font color="#774409">
<center>
Text here
</center>
</div>
And for the overlapping image:
<div style="position: absolute; top:##; left: ##; z-index: 2;">
Image code here
</div>
Try that :)

Thank-you so much!!!!!! :) :) :)

You're very welcome :D

By the way, you might want to check how your site looks in Mozilla Firefox :)

It works! I just have to make my image aligned and the white around it transparent!


Thank-you so very much!


How do you make it translucent? The back part is translucent when it's in Photoshop, but when it's on the webpage, it's not.... :(