InsaneJournal

Tweak says, "Broom her fast!"

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?

(Post a new comment)

	wastintime 2011-01-07 03:52 pm UTC (link)
	I've never used z-index before so IDK. However, I did just bash my head in making a working thermometer using DIV statements that I'll be posting once I get it made it different colors for houses. It's modeled after the thermometer that's here. (Reply to this) (Thread)

nimbuschick
2011-01-07 04:01 pm UTC (link)

That's what my original plan was for the hourglasses, make long skinny ones and have the rectangular part be what changes. But then last night I got the idea that I could make it be any shape I wanted if I just put a Gif with a transparent cutout on top. I may have to go back to my original art where the hourglasses were rectangular and didn't have anything overlapping them like what I wanted.

(Reply to this) (Parent)

	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)

wastintime
2011-01-07 11:04 pm UTC (link)

And I accidentally deleted one of the images, let's try this again...

(Reply to this) (Thread)

	gdor 2011-01-08 12:19 am UTC (link)
	Yes! (Reply to this) (Parent)