Re: [css-d] IE7: Background-Image in form-field

2010-04-07 Thread jeffrey morin
On Tue, Apr 6, 2010 at 11:30 AM, Leo Luchs leolu...@googlemail.com wrote:

 Looking at http://www.fuenf-nrw.de/2010/index_test.php you will notice a
 search-form in the upper right corner. IE7 does not only show the
 magnifying-glass but also the value Go. I've hoped to prevent it by
 using text-indent: -px. That works in most browsers, but not in IE7.
 Is there something I could do to prevent IE7 from showing the value?

 Leo


I found this online and it works for me on submit buttons. Not sure why, but
adding these two properties hides text on IE.

color: transparent;
text-transform: uppercase;

- Jeff
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] IE7: Background-Image in form-field

2010-04-07 Thread Leo Luchs
 On Wed, Apr 7, 2010 at 06:39 PM, jeffrey morin rufus2...@gmail.com wrote:

 I found this online and it works for me on submit buttons. Not sure why,
 but adding these two properties hides text on IE.

 color: transparent;
 text-transform: uppercase;


That works as well. It is strange - uppercase or capitalize, never in 
1000 years I would have even tested that to achieve the desired result.
Thank you for the suggesion.

Leo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] IE7: Background-Image in form-field

2010-04-06 Thread Tim Snadden

On 7/04/2010, at 3:30 AM, Leo Luchs wrote:

 Looking at http://www.fuenf-nrw.de/2010/index_test.php you will  
 notice a
 search-form in the upper right corner. IE7 does not only show the
 magnifying-glass but also the value Go. I've hoped to prevent it by
 using text-indent: -px. That works in most browsers, but not in  
 IE7.
 Is there something I could do to prevent IE7 from showing the value?

 Leo

Text indent won't work.

Some options I can think of:

Try using input type=image
Try using button
Graceful degradation for IE8 (no bg image, no absolute position).

By the way, on Firefox 3.6 Mac the button is sitting below the bottom  
border of the text input.

Cheers, Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/