Kepler -
With the small amendment of vertical-align: top (rather than bottom) your
solution worked perfectly for FF and IE's - appreciate your assistance!
Cole
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kepler Gelotte
Sent: Tuesday, November 25, 2008 4:02 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vanishing icon within a Span Element in IE7
> Can someone please tell me how to fix this so it'll show up in IE?
Hi Cole,
It does appear to be a bug in IE. The following CSS is turning off the
display of the icon in c_project_help_error.css:
span.smallHelpIcon span {
display:none;
}
By commenting that section out, the icon displays (along with the text you
were trying to replace with the icon). Instead of using the nested spans in
your HTML:
help icon
maybe use an tag with the alt text = "help icon"? It is not display as
nicely with images turned off but has the same effect as you seem to be
trying to achieve. Use the following CSS instead:
img.smallHelpIcon {
display:inline;
vertical-align:bottom;
padding:0;
margin:0;
}
Your spans could then be replaced with just an img:
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***<>
