CSS Popup problem

[feeleash]

Well I have this stylesheet but I want the images to pop up above the link (xy coordinates???) wherever it is located... Is this possible? Thank you in advance, Mike. The problem is visible in Opera but IE and FF work just fine...

css:

a span {display: none;}

a:hover span {display: block;
position: absolute; top: auto;
z-index: 100;}

link:

<a href="#">Card<span><img src="images/cards/firstcard.jpg" /></span></a>

[boogyman]

http://www.dynamicdrive.com/style/cs...-image-viewer/

[feeleash]

I've tried it already and it definitely works in IE and FF but not in Opera. The image is shown sliced...

[boogyman]

can you link to your site so we can better troubleshoot for you?

also see http://www.dynamicdrive.com/forums/s...ad.php?t=24866

I tested the css page in Opera 9 and there is a bug but it doesnt have to do with a sliced image.

[feeleash]

www.eragra.gr news button/ then under time machine click more link

it doesn't work in FF either... Now the images are appearing but I want them to be over the link rather than on the left side of the screen...

[boogyman]

try

a:hover span {
     position: relative;
     top: 1em;
     left: 2em;
}

and play around with the top / left distance

[feeleash]

Maybe there is a way to add coordinates to every pic separately in the img tag?? The thing is that every pic has a different coordinate so the top left attributes won't help (all the pics will be displayed with the same coordinates)

[boogyman]

that is what the position relative is for.

it creates the image relative to where it is at this moment.

[feeleash]

But when I place relative the image pops inside the text misplacing the entire page...