want to develop a form by css codes

hi,

I am new to all the css codes and i have
just started developing my site in css i.e. a table less site
and i have never developed a form in css .

Also i have to develop a search form with all the fields as per my design and not those default form fields. I also want to place an image instead of a submit button.

So I am attaching an image for all u experts over here too understand what i want to develop in css.

also have a look what i have developed so far in that page.

http://r-interactive.net/clients/ave...ntopening.html

please look at the left side below the big banner image where i want to place the search section as per the image i have attached.

and also i want to place a image instead of a submit button in the sign up for newsletter block

hope everybody in here understand my point.

Attached Images

search_block.jpg (10.6 KB, 23 views)

If you are looking at building a form, check out the HTML and Programming forums. Here's a few tutorials too:

• PHP form tutorial
• PHP form scripts
• PHP form basics
• HTML form basics

If you're looking at styling your form, you can use the selectors form, input, textarea, label, fieldset and legend to style your components. Usually these are borders, backgrounds and colours.

For more control of styling, check out badboy's Niceforms script for customising radios and dropdowns, plus adding hover and active effects to form elements.