Reasons for posting,
javascript = is being a pain
Google = Not helping for mouseover css images...
So i was wondering if its possible, Like if i have blah.gif and when you mouseover it, it should change to blah-over.gif but nooooooooo doesnt want to work that way... so any of you css people out there... give me a hand? o.0
Thanks,
us3rX <img src=\'http://www.killanet.net/forum3/public/s ... /ph34r.gif\' class=\'bbc_emoticon\' alt=\':ph34r:\' />
Css Mouseover images...?
Moderators: Moderator, Global Moderator
Css Mouseover images...?
[align=center]
"Time is never wasted, when your wasted all the time" ~ Radio Dj/Unknown Source
"Death is the inevitable end to the suffering of the living." ~Unknown
"You were born an original. Don't die a copy" ~Murdoc Niccals
[/align]
"Time is never wasted, when your wasted all the time" ~ Radio Dj/Unknown Source
"Death is the inevitable end to the suffering of the living." ~Unknown
"You were born an original. Don't die a copy" ~Murdoc Niccals
[/align]
Css Mouseover images...?
This will work for background images. For normal images you\'ll need to use javascript. [html]<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<style type=\"text/css\">
/*<![CDATA[*/
.img { background-image: url(normal.gif); }
.img:hover { background-image: url(hover.gif) }
/*]]>*/
</style>
<title></title>
</head>
<body>
<div class=\"img\">Bleh</div>
</body>
</html>[/html]
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<style type=\"text/css\">
/*<![CDATA[*/
.img { background-image: url(normal.gif); }
.img:hover { background-image: url(hover.gif) }
/*]]>*/
</style>
<title></title>
</head>
<body>
<div class=\"img\">Bleh</div>
</body>
</html>[/html]