[jQuery] CSS features

[jQuery] CSS features

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1543" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff size=2>I
think I missed something Myles.</FONT></SPAN></DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff size=2>In my
css library put:</FONT></SPAN></DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2>.helpIcon {<BR> vertical-align: middle;<BR> border: 1px solid
#E7E7EF;<BR> cursor: help;<BR>/* border: 1px solid #99CCFF;
*/<BR>/* border: 1px solid #000080; */<BR>}<BR>img.helpIcon:hover
{<BR> border: 1px solid #99CCFF; <BR>}</FONT></SPAN></DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff size=2>and in
my .js library put:</FONT></SPAN></DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2>    $("img").hover(<BR>    function() {
$(this).addClass("helpIcon"); }, <BR>    function () {
$(this).removeClass("helpIcon"); }<BR>    );</FONT></SPAN></DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2>??</FONT></SPAN></DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=807470115-16062006><FONT face=Arial color=#0000ff size=2>Thank
you!~</FONT></SPAN></DIV><SPAN class=807470115-16062006></SPAN><FONT
face=Tahoma>
<DIV><FONT face=Arial color=#0000ff size=2></FONT><BR><FONT size=2><SPAN
class=807470115-16062006> </SPAN>-----Original Message-----<BR><B>From:</B>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com]<B>On Behalf Of
</B>Myles Angell<BR><B>Sent:</B> Friday, June 16, 2006 10:49 AM<BR><B>To:</B>
jQuery Discussion.<BR><B>Subject:</B> Re: [jQuery] CSS
features<BR><BR></DIV></FONT></FONT>
<BLOCKQUOTE>With jQuery you could add a css Class:<BR>img { border: 1px solid
#000; }<BR>img.myHover { border: 1px solid #f00; }<BR><BR>   
        $("img").hover(<BR>   
          function() {
$(this).addClass("myHover"); }, <BR>              function () { $(this).removeClass("myHover"); }<BR>           
);<BR><BR>Similar to the suckerfish menus, you have to add JS code to activate
a hover state for the images. Granted, you could get away without that item if
you do a quick check to ensure you're in IE, and then change your css to: <BR><BR>img { border: 1px solid #000; }<BR>img:hover, img.myHover { border:
1px solid #f00; }<BR><BR>- myles<BR><BR>
<DIV><SPAN class=gmail_quote>On 6/16/06, <B class=gmail_sendername>Dean
Edwards</B> <<A href="mailto:dean@edwards.name"> dean@edwards.name</A>>
wrote:</SPAN>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">On
16/06/06, Acuff, Daniel (Comm Lines, PAC)<BR><<A
href="mailto:Daniel.Acuff@thehartford.com">
Daniel.Acuff@thehartford.com</A>> wrote:<BR>> I tried today to add a
bordercolor change on an img/icon on hover. Using IE6<BR>> and to my horror found out YOU CAN't.<BR>><BR><BR>You can't because IE6 only supports hover for anchor elements (<A> tags).
<BR><BR>-dean<BR><BR>_______________________________________________<BR>jQuery
mailing list<BR><A
href="mailto:discuss@jquery.com">discuss@jquery.com</A><BR><A
href="http://jquery.com/discuss/">http://jquery.com/discuss/</A>
<BR></BLOCKQUOTE></DIV><BR></BLOCKQUOTE><FONT SIZE=3><BR>
<BR>
*************************************************************************<BR>
This communication, including attachments, is<BR>
for the exclusive use of addressee and may contain proprietary,<BR>
confidential and/or privileged information. If you are not the intended<BR>
recipient, any use, copying, disclosure, dissemination or distribution is<BR>
strictly prohibited. If you are not the intended recipient, please notify<BR>
the sender immediately by return e-mail, delete this communication and<BR>
destroy all copies.<BR>
*************************************************************************<BR>
</FONT>
</BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/