css Input text - move cursor position

Hi,

I have a input text form, i am trying to move the cursor position 12px to the right - i can use padding-left but the text starts overflowing. Does anyone have any solutions to this?

	    <div id="mainTop3">
			<form name='search' method='post' action='#'>
				    
				    <div class='search_box'><input type='text' name='search_box'/></div>
				    <div class='search_button'><input type='submit' /></div>
				    
			</form>
			
	    </div>

Open in new window



css

#mainTop3 .search_box input{height:52px; width:234px; background:url(../images1/search_bar.png) 0 0 no-repeat;margin-top:8px; padding-left:12px; margin-left:200px; float:left; border:0; }

Open in new window

thanks in advance
MK15Asked:
Who is Participating?
 
MK15Connect With a Mentor Author Commented:
I fixed it by subtracting the left padding value from the width of the box.

thanks for your help
0
 
Atique AnsariCommented:
Please attach the background image as well.
0
 
MK15Author Commented:
overflow
0
Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

 
LZ1Connect With a Mentor Commented:
Just add padding-right:5px to the CSS.
0
 
MK15Author Commented:
I've tried that made no difference - will give it another go
.....just tried it - didn't work
0
 
LZ1Commented:
Can you attach your actual background image instead of a screenshot?
0
 
MK15Author Commented:
possible solution to the problem - fixed the issue
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.