I made some display content changes on hover (text and a rollover image) However, I need one of the links to be displaying by default when the page comes up otherwise nothing is there. (It is product logos with product info that displays below) The trick is though, I need the default display to go away when another one of the links are hovered over as that content then takes the place of the other content. Make sense?
Thanks so much!!
Thanks for the suggestion!
It's hard to visualize your page without "full disclosure" (CSS, HTML code). I don't think you can use the hover <SPAN> the way you suggest because the trick with that is to change content of <SPAN>'s display from none to block (or visibility from hidden to visible). But I'm trying to visualize some way to assign background image to different anchor pseudo states (a, a:link, a:visited, a:focus, a:hover, a:active) that would change.
I used another span to change the rollover image using position and z-index as you mentioned. It works beautifully. So basically there is always a hover state active on one item, then when you rollover another item, the span image covers up (z-index and positioning) what would be the active hover state with the span image. It seem very simple once you figure it out, I think I was trying to make it harder than it was. thanks for your help!