4 replies [Last post]
James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 12 years 11 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

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:

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 3 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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.

Life's a b*tch and then you die!

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 12 years 11 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

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.

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 3 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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.

Life's a b*tch and then you die!

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 12 years 11 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

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 Smile

I finally think I've grasped positioning in css :jawdrop:

Oh and thanks for the link, I'll be using Litmus alot!!