Hello,

visit the page and you will see my simple problem. Just right click and open link in new tab.

http://oldcollectorcoins.com/halfdime-dime.html


Obviously I need the images to be over the date price and button, but since the date is the element it is staying on top.

any assistance to this simple challenge is appreciated.

I can't really move forward adding all of the stock until I figure this out.

I did get the code from a member of this forum:
http://www.webmaster-talk.com/css-fo...mouseover.html post #9

Thanks and good fortune to you.

Hopefully I understood the problem correctly

Alter the selector you have. The popping up coins will work then

a.popup span {
  display: none; /* This you have already */
  position: relative;
  z-index: 100;
}

Lazylegs

You understood correctly and posted the exact solution to my challenge.

I was really hoping to get this solved soon monday morning and then get the week off to a good start. I'm going to be adding a large amount of merchandise today and am happy I don't have to wait.

If you will pm me your address I'll send you a nice collector item.

Also I will need some coding work done in the future as I decide what I want to do with the site and if it is alright with you, you can be the de-facto guru for me.

Thanks a million, really.

Oh, one more thing, how (if I can) make the image align more to the left so that I may make them bigger. Right now if they get too big they go over to the right and off the screen.

I have tried various valign codes in the img src tag, but to no avail.

Thanks!

It's the left position of a.popup:hover span that is determining how far right (or left) the images appear. Giving it a negative value would move the images more to the left.

Noticed that you actually have that absolute thing in the a.popup:hover span selector. (**** differences between inspectors (firebug and chrome) You can actually discard the changes I posted earlier... and just add the z-index: 100 to a.popup:hover span selector.

You can move the images using left: and top: attributes in the same selector as above.. a.popup:hover span

OK I see now.

my code didn't have the (px) for this line
left: -500px;

that really moved that picture now.

I can really make it big now!