I want to display lil characters and some badges over various parts of my page.
Should I position these images in divs which are relatively positioned as near to the element I want to place them over and then take them out of the flow by making them absolute and positioning them as I see fit?!
I'm not sure that makes a lot of sense :blushing:
Without seeing and studying
Without seeing and studying the page in question, it is impossible to offer any help, other than to say that AP should only be used if you know what you're doing, and if you definitely cannot achieve the desired effect by other means. Don't forget that AP brings with it some troublesome bugs that need hacking in IE, and it also stops the user clicking or hovering over whatever is below the AP element.
Good point.
Here's a part of the page:
The little "new" badge is one of the items in question.
and
The lil eskimo guy..
Maybe I could attach them to some of the header graphics or maybe use some image replacement.
Although I do want some images to be positioned above other elements but I know IE isn't very z-index friendly.
Given how many other images
Given how many other images you've got to make up on the page, I would personally try to keep things as simple as possible by including these graphics in the general background image scenario. That said, you could use AP fairly easily as long as you understand about using position:relative for the parent elements. This is probably one of those 'six of one and half-dozen of the other' cases. Just make sure that you thoroughly test any AP graphics on lots of browsers to make sure that all is well. I can recommend litmus for browser testing.
Thanks a million,
Thanks a million,
I've gone down the dreaded AP route for the time being. I positioned my main content relative and positioned my Eskimo's div absolute. It appears to be working perfect in FF and IE
I finally think I've grasped positioning in css :jawdrop:
Oh and thanks for the link, I'll be using Litmus alot!!