(HTML & CSS) Why wont my ":hover" work? **Resolved**

**msimmons** · Nov 6th, 2002, 03:47 PM

Here is what I have in the head section:

Code:

.bordercoloredi { font-family:times; font-size: 12pt; color:ffffff; border-bottom: none; border-right: none; }
.bordercoloredi:hover { border-bottom: 1px outset #ffffff; border-right: 1px outset #ffffff; }

and here is one of the elements I am trying to apply it to:

Code:

<a id="date_i" class="bordercoloredi" style="width:10px; cursor:hand;" onMousedown="document.getElementById('datetext').style.display = 'block';" onMouseup="document.getElementById('datetext').style.display = 'none';">i</a>

(i know hand is not standard

)

thanks in advace
Michael

**Rick Bull** · Nov 6th, 2002, 04:49 PM

You have no href with your anchor, and IE only works with hovers on anchors with hrefs. By the way you missed the # in the first class's colour.

**msimmons** · Nov 11th, 2002, 10:45 AM

thanks!
it was the href="#". They were spans and I just changed span to a and forgot to add the href

**Rick Bull** · Nov 11th, 2002, 03:54 PM

Heh I see. I think it should have worked regardless of the href missing, but IE has a lot of bugs with pseudo classes.

Thread: (HTML & CSS) Why wont my ":hover" work? Resolved

Thread Tools

Display