PDA

View Full Version : CSS Popup problem



feeleash
10-01-2007, 12:23 PM
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
10-01-2007, 01:57 PM
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

feeleash
10-01-2007, 02:13 PM
I've tried it already and it definitely works in IE and FF but not in Opera. The image is shown sliced... :confused:

boogyman
10-01-2007, 03:00 PM
can you link to your site so we can better troubleshoot for you?

also see http://www.dynamicdrive.com/forums/showthread.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
10-01-2007, 03:15 PM
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
10-01-2007, 03:35 PM
try


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


and play around with the top / left distance

feeleash
10-01-2007, 03:45 PM
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
10-01-2007, 04:01 PM
that is what the position relative is for.

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

feeleash
10-01-2007, 06:19 PM
But when I place relative the image pops inside the text misplacing the entire page...