Link to home
Start Free TrialLog in
Avatar of MK15
MK15

asked on

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
Avatar of Atique Ansari
Atique Ansari
Flag of India image

Please attach the background image as well.
Avatar of MK15
MK15

ASKER

User generated image
SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of MK15

ASKER

I've tried that made no difference - will give it another go
.....just tried it - didn't work
Can you attach your actual background image instead of a screenshot?
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of MK15

ASKER

possible solution to the problem - fixed the issue