Myammee From Flava Of Love

WebDev - Show an image in an input field

I just saw a nice site or contact form I liked. So I decided to do it again in WEBDEV.

achieve this objective:

In WEBDEV we first create two cells. The first with plain white background and the second with the following parameters:

Then we can color CEL_Form and put the image on the right:

Then add input fields and for each input field is to create a style project

and placing the CSS code:

in each input field we have the following css code:

background-image: url (c-icons.png);

background-repeat: no-repeat;

padding-left: 20px;

border: 1px solid # BFBFBF;

then for each field you add a specific css code:

Name : background-position: 3px 4px;

Email: background-position: 3px-15px;

Website: background-position: 3px-37px;

topic: background-position: 3px-57px;

this line ide what part of the image must be displayed in the field, because it refers to one image-c icons.png:

is almost finished. It remains the entry field for the messge. For this we will put a line CSS:
border: 1px solid # BFBFBF;

And for the CSS button is as follows:

color: white;

background: # 2E6DA3;

border: none;

You could almost do without the CSS code and place it in the text and background known nail style.

WARNING: CSS style changes will be visible only in pursuance ...