Help with forms and css

Hello, I am not very good with css and forms and just forms in general. I am looking for some help.

How do i move the input text down or centered and to the left a bit.

I tried padding but the background image moves with it resulting in a white spot.

The left is what I want and the right is the browser

Image Link

input[type="text"]
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    height:30px;
    border: solid 1px #b2b2b2;
    width: 175px;
    color:#e1e1e1;
    text-align:left;
    background-image:url(../img/email_bg.png);
    background-repeat: no-repeat;
    background-position: top;
} 

Demo

Thanks, Freddy

you could try line-height:30px; (make this the height of the input box to center the text)

You code is wrong, to style all “input” types, you will have

 input {
  css code her
 }

To style a certain input, you need to give the input an id or a class,

 <input class="some_class" type="text" id="some_id" />

the css code will then be

#some_id { css code}
#some_class{ css code }

Hope that helps

actually input[type="text"] is valid css. maybe she just wants text input boxes styled and not all input boxes

Thanks for all the feedback, I tried line-height and it didn’t seem to have an affect.

hmm I don’t know. I also know about using classes and ids for forms but I thought it would be easier for the purchaser. EG: he extends the template by adding a full contact form.

Maybe its the background image to complex?

padding is your missing style….

this should work for you:

input[type="text"] 
{ 
    display: block; 
    font-family: Arial, Sans-Serif; 
    font-size: 13px; 
    padding: 9px 0; 
    border: solid 1px #b2b2b2; 
    width: 176px; 
    color: #e1e1e1; 
    background-image: url('../img/email_bg.png'); 
    background-repeat: no-repeat; 
}  

see is in action here -> http://jsbin.com/uleso/edit

A great place to get your questions answered faster is stackoverflow.com

I never knew that as I just use the 2 methods I put above, which is much easier to remember lol

I have never came across that method

Cool that did it. Thanks for the help and the links.

if there was a rep system i would give you +1

Glad to help…

I’ll bookmark this thread for whenever a rep system is put in place so that I can be one up on everybody…