Yes, that's what I am after, and it's working just fine in Firefox, but it just refuses to work in IE 6. I have read and reread the article multiple times, compared my CSS to his, got the bloody thing working in Firefox, but for some reason IE just won't honor the CSS when the images are moused over. I realize that IE doesn't recognize the :hover pseudo-class for arbitrary elements, but this is an anchor, fer crissakes.
I don't know if I've been looking at the code for so long that I'm missing some obvious syntax error (but if so, why is it working in Firefox?), or there's some IE CSS arcania that I'm not aware of, or what. Cheryl, and you too Stephen, I would be most appreciative if you could take a look at the page and see if you can spot something that I may be overlooking. The site is at http://www.earhartrefrig.com. The existing Services page is reached by the Services menu selection, while the test page is reached by clicking Sales. When you look at it in IE it's basically the same as the other page, but in Firefox mousing over the image labels on the left causes the Services list to change. Although the CSS is in a linked stylesheet, I've included the relevant CSS in the <head> so you can see what I'm doing. I know how to do this in a snap with scripting, but I'd rather not rely on scripting if I can avoid it, preferring a pure CSS approach if possible. Please let me know if you spot something silly that I have overlooked. Thank you. Cheers, Scott . Are you talking about disjointed rollovers? Eric Meyers has some up on his website but there are issues so you may want to look at what he has to say. http://meyerweb.com/eric/css/edge/popups/demo.html Cheryl D. Wise MS FrontPage MVP Certified Professional Web Developer http://mvp.wiserways.com http://starttoweb.com - Online instructor led web design training in FrontPage, Dreamweaver and more! -----Original Message----- From: [EMAIL PROTECTED] I have a client who offers three service offerings, industrial, commercial, and residential. On his Services page, I have three appropriate, labeled images. I know how to change the content in the "servicesDescription" div to the appropriate list of services when an image is clicked, using javascript event handlers. However, I would like to make the effect independent of scripting being turned on. I know the various methods of creating scriptless CSS image rollovers, but they all apply to the element containing the image. Is there any CSS way of changing the content of a _different_ element in a similar fashion? Or maybe some way to employ <noscript> to accomplish this end? ____ � The WDVL Discussion List from WDVL.COM � ____ To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] or use the web interface http://e-newsletters.internet.com/discussionlists.html/ Send Your Posts To: [email protected] To change subscription settings, add a password or view the web interface: http://intm-dl.sparklist.com/read/?forum=wdvltalk ________________ http://www.wdvl.com _______________________ You are currently subscribed to wdvltalk as: [email protected] To unsubscribe send a blank email to [EMAIL PROTECTED] To unsubscribe via postal mail, please contact us at: Jupitermedia Corp. Attn: Discussion List Management 475 Park Avenue South New York, NY 10016 Please include the email address which you have been contacted with.
