Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Feb 2008
    Posts
    97
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Hover not working

    Hi all,

    I cannot make the code below work.

    I need bgRelatedVideo.png to stay on top of the image (it's a transparent png with some decoration).
    And when you do a mouse over the image I need bgRelatedVideoOver.png to show.

    None of that is happening, what am I doing wrong?

    Thanks a lot

    Code:
    <head>  
    <style>
    #playlist{position:absolute;top:275px;}
    .uvlItemBox{display:inline;}
    .uvlItemBox a.mini span {background:transparent url(http://www.vivocomtech.net/BBVA/embedsPrensa/epe/images/bgRelatedVideo.png) no-repeat;}
    .uvlItemBox a.mini:hover span{background:transparent url(http://www.vivocomtech.net/BBVA/embedsPrensa/epe/images/bgRelatedVideoOver.png) no-repeat; cursor:pointer;}
    </style>
     
      </head>
      <body>
    
    <div id="playlist">
    			
    <div class='uvlItemBox'>
    <a class='mini' href="">
    <img  class='thumbnail' src='http://www.vidzapper.net/live/assets/images/3984_thumb.jpg' width="82" height="62"><span></span>
    </a>
    </div>
    					
    </div>
    
    </body>

  • #2
    New Coder
    Join Date
    Feb 2008
    Posts
    97
    Thanks
    0
    Thanked 0 Times in 0 Posts
    just in case somenone need it: just give position, width, height, top and left and it'll work !


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •