PDA

View Full Version : Can't get image on top of div



cmxsevenfoldxmc
Jan 19th, 2010, 12:02 AM
Hi all,

I'm trying to make a simple png image show up on top of a div with a slideshow, but I can't get it to work.

Any ideas?

Here's the page:
http://www.kimikal.com/store/index-test.php

The image I'm trying to make stand out is:
<img src="../images/store_front_box.png">

z-index doesn't seem to cut it.

I appreciate any help I can get!

Doctor_Varney
Jan 19th, 2010, 08:08 AM
Well, wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow suggests to me, you want the slideshow inside this "fadeshow" div. Or are you trying to make another image occur over the top of the slideshow?

Otherwise, I'm seeing your slideshow on top and it's working alright.

Dr. V

cmxsevenfoldxmc
Jan 19th, 2010, 04:26 PM
Well, wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow suggests to me, you want the slideshow inside this "fadeshow" div. Or are you trying to make another image occur over the top of the slideshow?

Otherwise, I'm seeing your slideshow on top and it's working alright.

Dr. V

That's precisely it. I'd like to make the image be on top of the slideshow. The slideshow has those images constantly rolling, but I want that small box to appear on the bottom left part of that section permanently.

Doctor_Varney
Jan 19th, 2010, 09:30 PM
Okay, well... Don't take me too seriously, because I'm not very good at CSS... But one thing I have discovered is that z-indexing doesn't seem to work for me, on anything but an absolute positioned element. I don't know if this is the case in your stylesheet but I suspect you may be trying to interract absolute positioned elements with relative or margin-based ones or maybe trying to apply z-indexing to non-positioned elements.

Edit: I just plucked this quote from W3C schools for you:
"Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed)".

Hope this helps.

Dr. V

boogily
Jan 20th, 2010, 01:22 AM
You should eliminate spaces in your path below

<link rel="stylesheet" type="text/css" href="includes/sts_templates/Copy of test/stylesheet.css">

I cant really view the .css on my laptop now, but I can see you have your site laid out in tables. Future sites should be laid out in css. You can try absolute positioning with Z-Index for now as a band-aid fix.

cmxsevenfoldxmc
Jan 22nd, 2010, 04:09 PM
Found a ghetto-fied way of fixing it. Made the box part of the cross-fading images lol.

Unfortunately, my client felt strongly about the site being done her way, despite my many attempts to make her consider the new standards. I had to make her happy.

Thank you both for the effort and the extra tips, though.

Doctor_Varney
Jan 22nd, 2010, 05:55 PM
I'm not sure what's going on in here but I can't keep track of it. We seem to have two people, apparently having a private conversation with each other, from apparently the same IP address - who keep changing their usernames - then this thread is edited to buggery!

cmxsevenfoldxmc
Jan 22nd, 2010, 06:08 PM
I'm not sure what's going on in here but I can't keep track of it. We seem to have two people, apparently having a private conversation with each other, from apparently the same IP address - who keep changing their usernames - then this thread is edited to buggery!



Wait... What? I'm completely confused.

Doctor_Varney
Jan 22nd, 2010, 06:32 PM
Wait... What? I'm completely confused.

That much is evident.

Dr. V