www.webdeveloper.com
Results 1 to 7 of 7

Thread: hover used to greyscale on logo but dont work

  1. #1
    Join Date
    Mar 2012
    Posts
    23

    hover used to greyscale on logo but dont work

    hey,

    trying to put some logos on bottom of my page and want them in greyscale unless you scroll mouse on them then they look in normal colors

    i come up with simple code but it just dont work, what I missed here?
    THANKS

    Code:
    <html>
    <head>
    <title>:: OnMouseover – Sample Page ::</title>
    
    <style type=”text/css”>
    
    #logos
    {
         background-image:url('fcb.jpg');
    
         height: 95px;
         width: 275px;
         display: block;
    }
    
    #logos:hover
    {
        background-image:url('fcb1.jpg');
     
    }
    </style>
    
    </head>
    
    <body>
    
    <div class="logos" ><img src="fcb.png" onmousemove="logos:hover" ></div>

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,459
    Hi there me,

    give me the two images and I will show you the method to use.

    coothead

  3. #3
    Join Date
    Mar 2012
    Posts
    23
    Quote Originally Posted by coothead View Post
    Hi there me,

    give me the two images and I will show you the method to use.

    coothead
    Hey cootheqd can you show me these on any random images? Any fcbarcelona would do
    If you can not, any premier l. club logo would do :-)

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,459
    Hi there me,

    check out the attachment for a simple example.

    coothead
    Attached Files Attached Files

  5. #5
    Join Date
    Mar 2012
    Posts
    23
    nice one
    like background-position:-225px 0; idea!

    thank you coothead

  6. #6
    Join Date
    Mar 2012
    Posts
    23
    ok next question

    how to use these on few pictures in the table cells ?


  7. #7
    Join Date
    Mar 2012
    Posts
    23
    sorted!

    used table cell id's and put there different img's


Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles