ansaurus

Question

:hover CSS is not working ?

Answer 1

A:

Maybe the nested div in the other page doesn't have the class ycontent and/or the element itself isn't class ppclising?

2009-05-14 06:00:16

You wrote just what I was typing ;)

victor hugo 2009-05-14 06:01:10

Answer 2

+2 A:

If it's working in one place, but not another place, then either it's not being called correctly or it's not being applied correctly.

Use Firebug, and see what properties the element that should have the styles really have. Then check the classnames for typos. Usually, that'll solve the problem as described.

David Thomas 2009-05-14 06:02:58

I alreday checked properties with WEB Developer toolbar (firefox extension), and for the first page it show both .ycontent and .ycontent:hover properties, but for other page it only showing .ycontent class not the .ycontent:hover class ??

Prashant 2009-05-14 07:52:16

Answer 3

+1 A:

Also, in IE6, hover only works on hyperlinks. Keep that in mind.

alex 2009-05-14 06:07:12

I know that, that's why I mentioned IE7+ in my question.

Prashant 2009-05-14 07:53:21

Answer 4

+1 A:

I am in agreeance with Brandon.

I will also add..

If you remove the:

div.ycontent

section from your lines, such that it looks like this:

.ppclisting { 
background-color:#cccccc; 
}

.ppclisting:hover { 
background-color:#FFE5DF; 
}

You may find it will work on your other page.

Why? Because you have defined these styles as 'classes'. Classes intend to apply the same style numerous times.

By placing the "div.ycontent" before it, you are essentially 'restricting'/ not utilising the pull potential of CSS classes.

Lycana 2009-05-14 06:14:39

yes this was the case he should have right now, the other page didn't have div.ycontent element V-UP

Dels 2009-05-14 06:26:24

All pages have the div with class .ycontent

Prashant 2009-05-14 07:54:52

Answer 5

+3 A:

I got the answer why the :hover was not working on another page. Actually on second page the DOCTYPE tag was not added in the HTML page as below,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;

Earlier it was simple <html> tag and due to which :hover on the div was not working. After adding doctype tag as shown above its working for mw,

Thanks to all of you for help.

Prashant 2009-05-19 04:53:40

You didn't mention, that you use :hover on a **div**. That could have helped... However, I never heard of the Doctype having influence on this one.

Boldewyn 2009-07-13 07:33:00

This also solved the problem for us. Can anyone explain why this fixes the problem?

Robert 2010-03-04 03:32:09

ansaurus

tags:

views:

answers:

:hover CSS is not working ?

related questions