Formatting forms with CSS

[AXiSS]

I have this text input form I want give a custom look with a background image, but I don't know how exactly to go about doing this. When I try just a background-image the image is in the background, but offset and mostly not visible.

So.. how?

[lando]

Do you have it upload somewhere I can see it?  You might just need to use background-position to fix it...

[cmgmyr]

Try using background-position with x and y values. Check out http://www.w3schools.com/css/pr_background-position.asp for more info.

[worldworld]

Please provide the example you have seen so clear picture can be seen....

[jcombs_31]

sounds like you just need some padding.

[dbrimlow]

Listen to jcombs. Take a look at his website to see exactly how a perfect, valid and suberbly coded and crafted website is done!

[FierceBlade]

If you are talking about this:

Give the form a class ex:

<input type="text" class="form">

Now add this to your CSS:

.form {
background-color: #fff;
}

Very simple

[AXiSS]

No I was talking about changing the form's enitre appearence with a background image, removing the border and stuff.

[garry27]

you could try using [code]position:relative;[/code] to position the dive. this works for me.

[jcombs_31]

Here is a sample form using background images.

You will notice some limitations here.  The form is a fixed with, but can stretch vertically.  I only take into account 1 fieldset. I could change it up but it would require extra markup for the images to stretch correctly.  Look at the source and see if this is of any help.

http://multimedia-technologies.com/misc/form/form.php