Spock

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!!!!

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!!

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!!!!

Wow, thanks everyone, especially SLS. I feel un-confused now! I will use this to clean up what I have and let you know what happens. Thanks again, all! Happy holidays!

I guess I'm confused again, sorry. My teacher told us to use multiple style sheets to help keep things organized. This site is 40-odd pages, with 11 style sheets. If I combined those all into one sheet, it would be insanely long. Would that be ok? What about the places where a more detailed setting overrides a general setting, such as #mainContent for the photo portfolio pages being a different size than #mainContent for the generic pages? Maybe I'm too new to CSS and don't understand this yet. Thanks again!

Hi, thanks for the response! I guess I'm confused. The page needs all three of these style sheets to render correctly in non-IE browsers. (These sheets are reused in various combinations throughout the site, so I can't just combine them into one.) There are things that need to be different in each sheet for IE. Right now, my conditional IE style sheets are complete style sheets, not just the parts that are different, that should override the regular sheets if the person is using IE. Is that the problem? Should I link the regular style sheets, then conditionally add one sheet per page with just the changes? I'm fairly new to CSS (this is only my second big site using it), and I'm completely new to the world of conditional comments, so I'm confused. Thanks so much for your help! Happy holidays!

I've spent hours on this, but no luck. Here's the site (temporary link): http://home.comcast.net/~nenjers/portfolio/teachers/teachers1.html I'm just tweaking the CSS for the Teachers page of the Portfolio section for now. Once it works, I'll add the changes to the other sections. Here's the story: [1] I created the site in Dreamweaver CS3 on a Mac. It worked perfectly in Safari, Firefox and Opera on a Mac, and Firefox on the PC. IE7 killed it on a PC. (In IE7, the horizontal unordered lists of thumbnails on the portfolio pages displayed diagonally, which destroyed the page layout.) [2] Today I figured out how to fix the CSS to work in IE6 & IE7, but that killed it in all the other browsers. [3] It seems like the solution to this is a conditional comment for IE, but for the life of me I can't get the code right. Here's what I have: ------------------------------------------------------ ------------------------------------------------------- If anyone has any advice on what I'm doing wrong, I would TOTALLY appreciate it!!! I'm feeling so stuck. Thank you, and happy holidays to you all!