Home/ Questions/Q 105493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T01:26:52+00:00

i have a problem, i’m working on a gallery php script and need help,

  • 0

i have a problem, i’m working on a gallery php script and need help, i have a picture, it has a lightgray border around, and if theres a mouseover event, i want the border to turn gray. how can i do that?

thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Use the :hover pseudo class. For example:

    <html> <head>     <style>         IMG.HoverBorder {border:5px solid #eee;}         IMG.HoverBorder:hover {border:5px solid #555;}     </style> </head> <body>     <img class='HoverBorder' src='test.png' /> </body> </html>

    The above code works well on all sane browsers I have access to. If you need IE 6 support, take a deep breath and check this out (thanks to @Brian Kim for reminding me about IE6):

    <html> <head>     <style>         a:hover{ background-color:white; }         a:link img, a:visited img{ border:5px solid #eee; }         a:hover img{ border:5px solid #555; }     </style> </head> <body>     <a href='#'><img class='HoverBorder' src='03 messed up status log edit IE6.png' /></a> </body> </html>

    There are several variants on this approach–I suggest you click through to that site for other options that might be more suitable to your situation.

    • 0