Friday, June 3, 2011

How to make a link button change to a different image when you put your mouse over it? (( in CSS ))?

How to make a link button change to a different image when you put your mouse over it? (( in CSS ))

Is this possible without a flash program?

THANKS SO MUCH



^___^How to make a link button change to a different image when you put your mouse over it? (( in CSS ))?In the CSS designate your a:hover pseudo link for that specific link class.



*note - remember when using pseudo-links, they must be in the proper order %26quot;a:link, a:visited%26quot; must ALWAYS be before %26quot;a:hover, a:active%26quot;. The old trick to remember this was %26quot;love hate%26quot; LoVe HAte or LinkVisitedHoverActive:



EXAMPLE to change graphic using the css %26quot;a:hover%26quot; pseudo-link:



.navbar a:link, .navbar a:visited {background:url (link-to-graphic1/button1.gif) top left repeat-x}

.navbar a:hover, .navbar a:active {background:url (link-to-graphic2/button2.gif) top left repeat-x}
  • Slow Red Eared Slider
  • asp net web hosting
  •