Jump to content

CSS rollover gallery breaks in IE6


Spock

Recommended Posts

I've spent days trying everything I can find on Google or think of myself and I'm still stuck here, so any help would be GREATLY appreciated! The site is ready to go live except for this glitch. I have this image gallery:

 

http://home.comcast.net/~leeannlaraway/gallery1.html

 

It's pure CSS, no JavaScript, based on a tutorial from CSS Play. It works everywhere on a Mac and in Firefox/Safari/IE7 on a PC, but not in IE6 (of course). There, the large image never appears when you hover over the thumbnails.

 

I've tried different scripts and things from online, but no luck. I tried taking off the tags, which did make the large image appear in the right place upon rollover, but it flickered the whole time and the thumbnails all sat on top of each other! This happened in all browsers, not just IE6. Here's that test page, so you can see what I mean:

 

http://home.comcast.net/~leeannlaraway/gallery_nospan.html

 

Any idea what I can do?? Is the the problem? If so, how can I make the gallery work without it? If not, what else could it be? I've been stuck here for over a week, so any help you have to offer would be fantastic! Thank you!!!!

Link to comment
Share on other sites

I looked at the original gallery from CSS Play and noticed that it worked in IE6. What I see different is tha that you have span tags and some classes that is not in the original.

 

You may want to get the original css from that site and apply it to a backup copy of your html and remove the classes and span tags from your backup copy of your html code and also adjust the id=pictures to be id=gallery

Link to comment
Share on other sites

Thanks, I'll give that a try tonight. I added the span tags based on an example, either elsewhere in that site or another, to allow the captions to be live text (not Photoshopped into the image) and appear with the photo. Do you know of another way to "attach" the captions to the large images without span tags? Thanks!!

Link to comment
Share on other sites

Eureka! As you suggested, it turns out I was trying unsuccessfully to combine two different CSS Play tutorials. I switched to just this one (http://www.cssplay.co.uk/menu/photo_not_so_simple.html) and now it works perfectly. THANK YOU THANK YOU!!

 

BTW, the finished page is here: http://home.comcast.net/~leeannlaraway/gallery1.html

 

Thanks!!!!

Edited by Spock
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...