Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 5th, 2012  |  syntax: None  |  size: 0.66 KB  |  hits: 8  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. I want a image inside a list and a anchor tag to change on hover with css
  2. <ul>
  3.     <li><a class="nav1" href="http://localhost:8888/fiftyfity/?page_id=2"></a></li>
  4. </ul>
  5.        
  6. ul li a.nav1{
  7.     background-image: url("../images/nav1.gif");
  8.     width:161px;
  9.     height: 49px;
  10. }
  11. ul li a.nav1:hover{
  12.     background-image: url("../images/navB1.gif");
  13.     width:100px;
  14.     height: 20px;
  15. }
  16.        
  17. ul li a.nav1 {
  18.  display: block;
  19. }
  20.        
  21. ul li a.nav1{
  22.     display:block;
  23.     background-image: url("../images/nav1.gif");
  24.     width:161px;
  25.     height: 49px;
  26. }
  27. ul li a.nav1:hover{
  28.     display:block;
  29.     background-image: url("../images/navB1.gif");
  30.     width:100px;
  31.     height: 20px;
  32. }