billy_111 — 2010-03-17T15:44:20-04:00 — #1
I need to add an image to the following website:
I need to add a weird curved image but i have to make it appear on top of the content, see the attached jpeg in the footer..
How can i accomplish this?
mj7 — 2010-03-17T16:55:58-04:00 — #2
Have you tried absolute positioning, z-indexing and then using negative margins?
For example - the top picture should have a lower z-index than the content block below and both should be absolutely positioned within their container. This will give you a gap which needs closing so on the bottom container put something like this in your CSS:
That should then close the gap and allow the top image to overlap.
If you use 32bit PNG files you can even have transparency or semi-transparency in your image.
billy_111 — 2010-03-17T17:20:19-04:00 — #3
Thanks, check the site out now
I didn't think it would work :lol:
mj7 — 2010-03-17T17:24:07-04:00 — #4
Looking good to me - well done.
mj7 — 2010-03-17T17:41:26-04:00 — #5
I would use IE conditional comments and use a separate IE7 stylesheet - I don't have the code here but you can google conditional comments.
billy_111 — 2010-03-17T17:36:23-04:00 — #6
Hey, just one problem, it doesn't look right in IE7,
Is there something i can do for a quick fix?
billy_111 — 2010-03-17T17:49:20-04:00 — #7
I figured it out