I have a veiw rendered as HTML with the following columns. In my style-sheet, I have the code below it which is used to underline the links when you mouseover them and to control the background color of the table. I am looking for a way to swap the image on each row as it is moused over to a different image(preferablly using only the style sheet). I have been able to accomplish this with javascript if I mouse-over the image itself, of course, but I was unable to get that method to work when I would mouse-over the link (which will reside in a separate cell in the table). I would prefer a workable method with CSS only, but I’ll take any help that can be given on this matter. Thank you.
“”
“” + “<a href="/” + @Subset(@DbName; -1) + “/” + $Title + “/$first/?OpenDocument">” + $Title + “”
“” + “<a href="/” + @Subset(@DbName; -1) + “/” + $Title + “/$first/?OpenDocument">” + $Title + “”
“<img SRC="duw_menuitem_off.gif" name="Img1"> ”
“”
CSS:
a { color: #999966; text-decoration: none}
a:hover { text-decoration: underline; }
.menu { margin: 0px; }
.menu.td.menuitem { font-weight: bold; text-decoration: none; background-color: #FFFFCC; color: #FFFCC;}
.menu.td.menuitem.a:hover { color: #999966; }