asked on

input type text and background image

Hello experts.
I need help to use a background image for my textfields.
I have a code with some problems.
1.The text is going "out" of the field on the right.
2.I need a padding at the bottom for the text but i can't do it.
Any help?

<form> 
<div align="left"><font size="1"> 
<input name="EmailAddress" type="text" id="EmailAddress" size="35" value="" style="background: transparent url(images/textbackground.gif) no-repeat;width:228px;height:29px; padding-left:10px;border:none;">
</font></div>
</form>

Open in new window

inputtext.gif

SOLUTION

cfEngineers

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Panos

ASKER

I have allready tested this but it is not working

oaksong

1. Is interesting. Are you saying that the text is extending past the control border? That would be unusual.
2. If the text is being entered into a control (input), what does the padding add? Are you saying that not all the text is visible? That would suggest changing the font size (make it smaller) inside the control.

SOLUTION

Panos

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION

Panos

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

cfEngineers

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Panos

ASKER

cfEngineers
margin-right is not working.Padding-right IS working but there is an issue with IE and one fix is on the link i posted above

Panos

ASKER

Thank yo for your help.
I did not get any news so i will accept my post as a solution and award some points for your interest in my problem.
thank you