Image placing

[Baldtel]

Hi. I'm working on something at the moment for a client.

Essentially, I am trying build what has been done on the screenshot.

Firstly what I had was a full feather image and I was trying to z-index it to sit in the bottom right of my site. I couldn't get it it work.

So now I have divided the image, and I have the bottom half floating right in the footer div, and I have the top half of the image in the content div, aligned bottom right. They should line up and sit on top of each other, but I cant get it to work.

http://www.eighthqz.com/practicalpoet/

Can anyone help me match the image that I have been supplied? (I have the image attached)

Thanks

[Nightfire]

Wow, you've got a case of div-itus in your top nav :o

Just play about with margin-left and change it until it matches

<img src="images/feathertop.jpg" style="float:right;margin-left:80px">

Ideally you should but the styling in the css file you already have

[Baldtel]

Thanks. I'm still having issues with it. Adding that margin code, just moved the pot image in the footer div. I was not sure that is wasn't something to do with the content div above the footer div. In DW, it all seem to be aligned, but for some reason in the browser, it's not happening.

I feel a little lost. I didnt think the image needed to be done in CSS, as all I am doing in floating it to the right of the content div.

Seeing as the content is above the footer, and the bottom image is floated right in the div, should the 2 images just sit aligned on the right hand side, on top of each other?

BTW, thank you, this has been annoying me for a while.

Like I said, the only other way I know is to have the image as 1 image, and z-index it, but I was having problems with that as well.