css Input text - move cursor position

MK15
MK15 used Ask the Experts™
on
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
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Please attach the background image as well.

Author

Commented:
overflow
LZ1
Top Expert 2011
Commented:
Just add padding-right:5px to the CSS.
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Author

Commented:
I've tried that made no difference - will give it another go
.....just tried it - didn't work
LZ1
Top Expert 2011

Commented:
Can you attach your actual background image instead of a screenshot?
Commented:
I fixed it by subtracting the left padding value from the width of the box.

thanks for your help

Author

Commented:
possible solution to the problem - fixed the issue

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial