• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 213
  • Last Modified:

Suggestions - Search Box look

Hi,

 Please take a look here -  http://tinyurl.com/cityads


Suggest me some html/css  stuff to make the search box on the right look

1)ATTRACTIVE

 2)NEAT  

3)PROPERLY ALIGNED

4) PLACEMENT

I am looking forward for help with implementing some css code - so please provide me some css code/examples that will do the trick.

Many Thanks.
0
ee-itpro
Asked:
ee-itpro
2 Solutions
 
MelMcCommented:
This is pretty straight forward search box. I would consider putting some padding, maybe about 2px on the search input itself so that the text does not sit directly on the border.
You may want to consider moving the GO button next to the search box.
Also, make sure that your drop downs and search box height are all the same for consistency.
0
 
DerZaubererCommented:
The form could have style "text-align: right;", i think this makes alignment more easy.
Your label-divs could then have "text-align: left;" each.
0
 
ee-itproAuthor Commented:
Please provide some demo code or some example resources for search box code.

I'm not a designer/css developer so i can't do this on my own.  
0
 
LZ1Commented:
http://www.designvsart.com/blog/2007/11/01/search-box-design-examples/

http://www.noupe.com/showcases/showcase-of-inspiring-search-box-designs.html - 3rd one down may serve you best

http://www.smashingmagazine.com/2008/12/04/designing-the-holy-search-box-examples-and-best-practices/

All in all we can't design one for you, however the examples given here by all the experts are pretty good. Use a little bit of padding on the input give it a nice looking button and your good to go.
0
 
ee-itproAuthor Commented:
Thanks,  i'll try out these tricks and let you people know how it goes
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now