Padding-right Problem.

[bin_bin1]

Hello, there, I have a question about padding-right. I have a text input box. I put an image at the right end of the input box and it is inside the input box. But I don't want the image block any part of the content of the input box. So I put a padding-right in the style of the input box. But when I type text in, the text will still go all the way to the very end of the input box. It seems that the padding-right is not working. Is there a way to fix this problem? The following are some sample code for your reference. Thank you very much in advance. Bin

[Edbert P]

Shouldn't you put the style="padding-right:100px;" inside the style="WIDTH: 456px; HEIGHT: 22px"? Try placing style="WIDTH: 456px; HEIGHT: 22px;padding-right:100px;" It may be that your second style statement was not read, because I'm pretty sure it should work like what you said. Ed

[bin_bin1]

Thank you very much. But it is still not working. The text is displayed all the way to the right end. You can try that in an IE browser. I am using IE 6.0. Thank you again.

[Guffa]

Micrsoft apparently didn't choose to implement it that way in Internet Explorer. It works as you expect in Firefox 1.0.3, Netscape 7.2 and Netscape 8.0. Opera 7.54 and Opera 8.01 implements it the same ways as Internet Explorer. --- b { font-weight: normal; }

[bin_bin1]

I don't like Javascript. There are a lot of things are not possible in Javascript. Thank you very much for your response.

[Guffa]

Javascript? That is not javascript at all... --- b { font-weight: normal; }