Results 1 to 3 of 3

Thread: change few links one onmouseover

  1. #1
    Join Date
    Nov 2007
    Posts
    151
    Thanks
    67
    Thanked 0 Times in 0 Posts

    Default change few links one onmouseover

    Hi I have a small complicated question

    PHP Code:
    <ul>
    <
    li>
    <
    a href="#" class="toggle"><img src="http://images.apple.com/support/home/en/images/video_poster_20071212.jpg" alt="" /></a></li>
    </
    ul
    What I need to do is to have a border on the list and on the image, that which will be changed on mouseover on the list

    how can I do it?

    Thanks

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    .toggle {
    border:2px solid blue;
    }
    .toggle img {
    border:2px solid green;
    }
    .toggle2 {
    border:2px solid red;
    }
    .toggle2 img {
    border:2px solid orange;
    }
    </style>
    </head>
    <body>
    <ul class="toggle" onmouseover="this.className='toggle2';" onmouseout="this.className='toggle';"> 
    <li> 
    <img src="http://images.apple.com/support/home/en/images/video_poster_20071212.jpg" alt=""></li> 
    </ul> 
    </body>
    </html>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    d-machine (07-02-2008)

  4. #3
    Join Date
    Nov 2007
    Posts
    151
    Thanks
    67
    Thanked 0 Times in 0 Posts

    Thumbs up

    THANK YOU ! THANK YOU! THANK YOU !!

    I could never think to do it that way !!

Bookmarks

Posting Permissions

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