# Backround image/gradient on input fields **URL:** \ **Category:** Uncategorized\ **Created:** [July 20, 2003, 2:02pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165 "2003-07-20T14:02:58Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![Domo](https://avatars.discourse-cdn.com/v4/letter/d/ea5d25/32.png) [@Domo](https://forum.kirupa.com/u/Domo)\ **Post date:** [July 20, 2003, 2:02pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/1 "2003-07-20T14:02:58Z")
If you visit this link, [http://www.inko.ca/dan/](http://www.inko.ca/dan/) you can see on the contact page that his input fields have a gradient or an image in them. Does anyone know how this can be accomplished? Maybe an example please? 😛 Thank you kindly, Domo ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:10pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/2 "2003-07-20T14:10:39Z")
he does ? i can’t really see it but you can just put a layer behind the input box?!?!? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:13pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/3 "2003-07-20T14:13:53Z")
Yes, draw a gradient fill and put your input text a layer above it. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:14pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/4 "2003-07-20T14:14:15Z")
yeah, right on the top of each input box is a darker gradient than the rest… will putting a layer behind it answer my question? Let me try it out and see :P. Thanks ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:21pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/5 "2003-07-20T14:21:14Z")
i can’t see it what you’re talking about?! can you show me more clearly!? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:23pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/6 "2003-07-20T14:23:31Z")
go to [http://www.inko.ca/dan](http://www.inko.ca/dan) Then go to the contact section As you can see, the input fields such as name, email, and message have a grey backround, with a darker color towards the top. I was wondering how I could make those, and am trying to do so now 🙂 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:27pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/7 "2003-07-20T14:27:04Z")
Ok i figured it out… ill post an fla to show you in a minute 🙂 Thanks again 😃 Oh and claudio, ive got a question for you. Ive posted about it in the server side forum 😉 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:27pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/8 "2003-07-20T14:27:52Z")
well to me it just looks like an image repeated under each input box… ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:29pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/9 "2003-07-20T14:29:28Z")
Sorry man, i dunno PHP 😛 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:34pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/10 "2003-07-20T14:34:50Z")
Ok thanks anyways claudio… Heres the fla if anyone wants to see… Its got a gradient behind the input field… ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 20, 2003, 2:42pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/11 "2003-07-20T14:42:56Z")
No problem 😉 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [October 26, 2003, 10:46pm UTC](https://forum.kirupa.com/t/backround-image-gradient-on-input-fields/26165/12 "2003-10-26T22:46:53Z")
When I saw this thread, I was like “I have gradients?!?! Since when?!!?” and I had to go to my own site just to see it. The gradient background are made up of two layers, one with a solid grey and the other width a dark to light grey gradient. I did this so that the gradients would be the same size for all three fields.