[css-d] CSS Image Rollover Problem
I'm working on a CSS rollover solution here: http://www.slrgear.com/articles/is_1iswp/test.htm My problem is that my hover image is not appearing when I hover over the rollover. The HTML file, the original image and the rollover image are all in the same directory. The file validates. Would someone mind taking a look at the code and seeing what could possibly be the problem? Thanks! Yazmin __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Image Rollover Problem
Yazmin Media wrote:
> I'm working on a CSS rollover solution here:
>
> http://www.slrgear.com/articles/is_1iswp/test.htm
>
> My problem is that my hover image is not appearing when I hover over the
> rollover. The HTML file, the original image and the rollover image are all
> in the same directory. The file validates.
>
> Would someone mind taking a look at the code and seeing what could possibly
> be the problem?
>
> Thanks!
> Yazmin
20090402 1326 GMT-6
I think there are too many things in your css.
You have in .rollover your background url
but when the mouse moves to the image it disappears.
Try the following:
a { background: url ("/image/location.jpg");}
a:hover( background: url("/image/location2.jpg");}
--
Registered Linux User: #480675
Linux since June 2005
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Image Rollover Problem
Thanks Wade. When I try that though, I get no hover action at all:
http://www.slrgear.com/articles/is_1iswp/test3.htm
Yazmin
On Thu, Apr 2, 2009 at 2:48 PM, Wade Smart wrote:
>
> I think there are too many things in your css.
> You have in .rollover your background url
> but when the mouse moves to the image it disappears.
>
> Try the following:
>
> a { background: url ("/image/location.jpg");}
> a:hover( background: url("/image/location2.jpg");}
>
> --
> Registered Linux User: #480675
> Linux since June 2005
>
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Image Rollover Problem
> Subject: [css-d] CSS Image Rollover Problem
>
> I'm working on a CSS rollover solution here:
>
> http://www.slrgear.com/articles/is_1iswp/test.htm
>
> My problem is that my hover image is not appearing when I hover over
> the
> rollover. The HTML file, the original image and the rollover image are
> all
> in the same directory. The file validates.
>
In the CSS you have
.rollover a:hover img
{
visibility:hidden;
}
Not sure why. There is your reason for image disappearing on hover.
Cheers
Ian
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Image Rollover Problem
From: Yazmin Media
>http://www.slrgear.com/articles/is_1iswp/test3.htm
Re: Rollover not working.
On that page, you have an image displayed in the HTML, and then you have
background images that you are hoping will display as rollovers?
Try this:
Delete the image in the HTML and modify your selector in your CSS -
a {
background: url(canon70-200f4L_70_shkFc.gif) no-repeat;
display: block;
height: 460px;
width: 500px;
}
I don't know if this will do what you want, but it seems to, in FF anyway.
~holly
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Image Rollover Problem
Hi Yazmin, Try this - tested in FF3 and IE7 on XP. http://resource.mxdx.co.uk/ww/yazmintest.htm ~Mx http://www.mxdx.co.uk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
