Results 1 to 1 of 1

Thread: Vertical Middle align with search box

  1. #1
    Join Date
    Feb 2007
    West Yorkshire, United Kingdom
    Thanked 0 Times in 0 Posts

    Default Vertical Middle align with search box

    Hi, i'm having a problkem with a search box i customised in CSS.

    IE7 correctly shows the submit button with the text vertially aligned in the middle of the button but the text area box shows the text at the very top of the box. Screenshot

    Firefox does not show any of these correct. FF shows the submit button text at the very bottom and the text in the search box at the very top the same as IE7. Screenshot

    Here is my CSS code:
    .textInput {
     border: 1px solid #000000;
     background: #FFFFFF;
     color: #000000;
     height: 20px;
     width: 152px;
     padding: 0px;
     float: left;
     font-size: 14px;
    .submitInput {
     border: 1px solid #000000;
     background: #FFFFFF;
     color: #000000;
     height: 22px;
     width: 100px;
     text-top: 1px;
     float: right;
     margin-left: 2px;
     font-size: 14px;
    I was wanting to know if there is anyway of making the text in both the text area and submit button verticaly aligned in the middle.

    Also here is a site to my website where the search box is in the top right:
    Last edited by Ryan Fitton; 03-12-2009 at 09:49 PM.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts