Hey, I'm currently designing a Text based mafia game and I'm having a small problem with my CSS in a text feild. As you can see in the image below it's sort of miss-places, And i need it to be like about 2 px from the left, or maybe even centered, and about 1-2px from the top, so it's perfect like a normal text feild.

 

Here is the CSS for the feild:

 

.input {
   width: 220px;
   height: 24px;
   background-image:url(../imgs/indexlogin/INPUT.png);
   padding: 0px;
   margin: 0px;
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #101010;
   border: 0px;
   margin-left: 1px;
}

 

and here is an image of the problem:

 

 

 

Thanks!! Help would be very much appreciated!!!! Thanks

Hey smudge,

 

you can add padding to input fields too, so just give it some padding:2px;

Hey smudge,

 

you can add padding to input fields too, so just give it some padding:2px;

 

Thanks, I tried your suggestion and it worked! I just changed some stuff such as:

 

padding: 3px;
background-repeat: no-repeat;
background-color: 2e2e2e;

 

Thanks!