InsaneJournal

Tweak says, "Love you too, everyone"

Amy Leigh S* (nimbuschick) wrote in rp_tutorials,
@ 2011-01-06 23:34:00

Okay, question because I'm driving myself crazy. Is there some reason why I can't use Z-Index to put a Gif on top of a table?

I ask because I made a gif of Hogwarts house hourglasses with cutouts of transparency. I was going to put a table behind it and use changing values to slide the sand up and down the hourglasses. It was all theoretically awesome and I can't get the image to show up when I set it as a DIV layer on top.

Any tips?

(Read comments) - (Post a new comment)

	ex_yeti178 2011-01-07 05:28 pm UTC (link)
	z-index will only work with elements that are positioned, so try adding "position:relative;" after where you've put the z-index in your code. It should be in both the inline CSS for the table underneath and the div on top. You may also need to specify the left and top attributes for the div if the positioning gets funky. (Reply to this) (Thread)

nimbuschick
2011-01-07 05:48 pm UTC (link)

It seems that even when I set position, top, left, on everything it still puts the image above the table and won't overlap them. I'm wondering if images and tables aren't capable of using the z-index attribute.

Also it now seems when I try to use Divs instead of a table that Divs refuse to go behind the image either. I'm wondering if this whole project is a bust. I've tried putting the image in the div, I've tried giving the image and the div the z-index info, I've tried making the image the background of the Div. No such luck. And I know you can theoretically make the IMG have a z-index property. I just don't know why it won't work.

It's just going below.

(Reply to this) (Parent) (Thread)

	nimbuschick 2011-01-07 05:52 pm UTC (link)
	Nevermind that link. I got pissed and deleted it. I need a break from the code. (Reply to this) (Parent)

(Read comments) -