I'm having problems with this page (<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/default3.asp">http://www.medford.k12.or.us/default3.asp</a><!-- m -->). Basically, what I want to do is have the each of the anchors in the content area have a hover associated with it (ie. when you hover over a school's name, its image loads where teh mockup image is now... to my understanding, this would require that the background image would have to be a child of each link in order to do this... any ideas as to how I could make this work?Using the "css sprites" concept from the new ALA, you could put all the school images into a single background for that div and "shift" the correct one into place with the hover css for each link.alright, i read over the sprite article, and Have it set up in general, but in all their examples, the region hovered over chages, but I want the whole background to change... any suggestions?No, I can't think of any way to do it without javascript.basically, I think I could get it working if the ul was the child of the a, but not the other way around... perhaps someone has done this before?I managed to get this working by putting a semanticly meaningless span tag within the anchors, is this acceptable, accesibility wise?
Note: if you notice the link, I haven't added text yet, but I will be doing that one I've got everything worked out with this rolloveralso, would I have to implement vladdy's ie behavior thing to make this work for not-so-real browsers (<!-- m --><a class="postlink" href="http://www.microsoft.com/windows/ie/default.asp">http://www.microsoft.com/windows/ie/default.asp</a><!-- m -->)?
Note: if you notice the link, I haven't added text yet, but I will be doing that one I've got everything worked out with this rolloveralso, would I have to implement vladdy's ie behavior thing to make this work for not-so-real browsers (<!-- m --><a class="postlink" href="http://www.microsoft.com/windows/ie/default.asp">http://www.microsoft.com/windows/ie/default.asp</a><!-- m -->)?