change color of cells at hover

fister · fister

I want to build a navigation , without graphics, where the cell containing the
link changes color when hovered over. I have applied a css style to the cell
for the initial color but can not figure how to make the hover take effect.
Please help

VVebbie · VVebbie

Check it in another browser.

The :hover pseudo-class is not supported in Internet Explorer, and by extension Dreamweaver.

fister · fister

I created a syle named .nav_cell and applied it to the cell, then made style
..nav_cell:hover for the hover and just changed the color. it does not display
in any browser. i am obviously doing this wrong. please advise

VVebbie · VVebbie

Does your hover definition come before or after the normal definition in the
code?

If it comes before, the .nav_cell definition still applies to the element, and
your color is overwritten back to normal before the hover takes effect (if you
want to think of it that way). CSS rules are applied in order.

fister · fister

that is good info because i did not know that either, however they are listed in proper order- i'm sending you a jpg to see the order

fister · fister

that is good info because i did not know that either, however they are listed in proper order- i'd send you a screen shot but i don't see away to attach anything here.

VVebbie · VVebbie

Ok, I just tried to do a quick test here, and I encountered a problem...

Do you have a doctype declaration? I wasn't able to get it to work using JUST
a class without one, and i'd never experienced this before.

It should look something like this in the first line of the page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

fister · fister

you are over my head at this point...do you want me to copy paste your code into my page?

VVebbie · VVebbie

I'm just commenting on the fact that I couldn't get my example to work without
the doctype declaration.

I really can't give you much more advice without looking at the code.

The following is the complete, working example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<style>
.hovar
{
background-color:blue;
}
.hovar:hover
{
background-color:red;
}
</style>
</head>
<body>
<div class="hovar">text</div>
<table>
<tr>
<td class="hovar">table</td>
</tr>
</table>
</body>
</html>

fister · fister

Yeah! that is exactly what I am trying to do! Now, if I can figure out what you did I'll be good to go. Thanks so much!

change color of cells at hover

Thread Tools

Display

change color of cells at hover

Similar Questions and Discussions

Can't change hover tag in CSS

Link color doesn't change on hover

Why doesn't the CssClass property change the visual display of my datagrid cells?

links in text field - change color on hover

Cocoa: NSMatrix, change number of cells, can't target new ones

Re: change color of cells at hover

Re: change color of cells at hover

Re: change color of cells at hover

Re: change color of cells at hover

Re: change color of cells at hover

Re: change color of cells at hover

Re: change color of cells at hover

Re: change color of cells at hover

Re: change color of cells at hover

Posting Permissions