[SOLVED] input question X 2

[almightyegg]

Problem 1

I have an input

<input class="first" type="text" name="name"  /><br />

and then the css to make it an image

.first {
border:solid 0px #fff;
margin:3px;
height:20px;
width:200px;
background: transparent url("images/textfield_bg.gif") no-repeat; }

The cursor appears just out of the image, would there be any way to make the cursor appear 2 spaces to the right?

 

Problem 2

(With the same code and input area.) If the imputed text is longer than the image the image scrolls along leaving it blank white. Is there a way to make the bg image stay in the same positionwhile the text moves along like a marquee almost. If you don't know what I mean then go here! and type in a load of gibberish intot he input box and you'll see the image scrolls..

 

Any help will be greatly received

[wildteen88]

for first problem add some padding - for best results use this:

padding: 2px 8px 0 8px;

 

For your second problem you will probably want to add the fixed right top elements to the background: attribute

[almightyegg]

the first problem solved thanks.

 

but the second one, once i add fixed the image disappears completely  :-\

[wildteen88]

instead of fixed use right top instead.

 

When you use fixed it fixes the background image to the whole page and not the individual element it was set in.

[almightyegg]

GREAT! it works! thank you for your help