Web Design Forum: Styling Forms - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Styling Forms Replace input with image?

#1 User is offline   creativejunk 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 99
  • Joined: 22-October 08
  • Reputation: 0
  • Experience:Nothing
  • Area of Expertise:Designer

Posted 09 April 2009 - 05:36 PM

Is it possible to replace an input box with an image - say for instance to use a rounded corners input box, or something a bit more creative than the conventional square corners?

I'd like to do this with buttons aswell, or what about those search boxes that have the search button inside the search box?
0

#2 User is online   n0xx 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 111
  • Joined: 24-March 09
  • Reputation: 0
  • Gender:Male
  • Location:Poland
  • Experience:Advanced
  • Area of Expertise:Web Designer

Posted 09 April 2009 - 05:47 PM

create a div add background-image etc etc
isnert a input into this div
background-color:transparent;
border:none;
0

#3 User is offline   Meow 

  • Advanced Member
  • PipPipPip
  • View gallery
  • Group: Members
  • Posts: 476
  • Joined: 06-April 09
  • Reputation: 12
  • Gender:Female
  • Location:Rugby
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 09 April 2009 - 05:52 PM

I think you can actually set the class of the input field with no border/hidden border and use the background image on the field iself, too, rather than using a surrounding div.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users