Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jan 2007
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Correctly Styling and Positioning Forms

    Hello ,

    I am having a few problems setting up the forms for my search engine. Here are the problems I am getting.

    Live version:
    http://garciawebmedia.com/search/

    http://img234.imageshack.us/img234/5112/problem2cn0.gif

    Here is the CSS:
    Code:
    input {
    
    border: 1px solid #000;
    height: 22px;
    
    }
    
    .button {
     font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
     margin-left: 10px;
    }
    Where the form is:

    Code:
    <div id="mg1">
        <div id="searchcontent">
    	<?php if(!isset($_REQUEST['type']) || $_REQUEST['type']=="Web") { ?>
    
    <form name="form1" method="get" action="redir.php">
      <input name="search" type="text" id="search" value="<?php if(isset($_REQUEST['search'])) echo $_REQUEST['search']; ?>" size="60">&nbsp;<input name="type" type="hidden" id="type" value="<?php echo $type; ?>">&nbsp;<input type="submit" class="button" name="Submit" value="Search Web !"> 
    </form>
    </div></div>
    I want it to look like this:
    http://img77.imageshack.us/img77/5496/mockup1og1.jpg

    Would I need to make a custom button for the submit?

    Any help would be appreciated.

  • #2
    Regular Coder
    Join Date
    Dec 2005
    Location
    Ohio
    Posts
    286
    Thanks
    7
    Thanked 9 Times in 9 Posts
    Code:
    .button {
     font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
     margin-left: 10px;
     vertical-align: middle;
    }
    You have already set the height, so vertical-align should fix the problem.

  • Users who have thanked kaitco for this post:

    Garcia (09-16-2007)


  •  

    Posting Permissions

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