SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Wizard Blake Tallos's Avatar
    Join Date
    Jun 2008
    Location
    Cuyahoga Falls, Ohio.
    Posts
    1,510
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Inputs and submit a href

    Code:
    <div class="myForm">    					<div id="first">
            					<label for="name">Keywords</label>
            					<input name="name" id="name" type="text" />
        					</div>
        					<div id="second">
            					<label for="email">Location</label>
            					<input name="email" id="email" type="text" />                        
        					</div>
                            <div id="third">
                                <input type="submit" name="submit" id="submit" value="Submit" />
                                <a href="">Advanced Search</a>
                          </div>
    	     </div>

    Code:
    .myForm div {display: inline-block; vertical-align: bottom;}
     
    .myForm div label { display: block;}
    
    
    input {width: 370px; height: 30px; border:1px solid #111; margin:20px 0 0 0;}
    
    
    
    
    #third input {width:55px; margin:15px 5px 0 30px; float:left; }
    
    
    #submit { width:90px; height:30px; background:#dddddb; }
    Does anyone have any good examples of a good search type function?

    I can't seem to have the inputs aligned with each other.

    I'm having margin/padding problems. Haha

    Thanks
    Blake Tallos - Software Engineer for Sanctuary
    Software Studio, Inc. C# - Fanatic!
    http://www.sancsoft.com/


  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    If you want the submit and href aligned nicely just remove the margin and the float from here.

    Code:
    #third input {
    	width:55px;
    	margin:0 5px 0 30px;
    }


Bookmarks

Posting Permissions

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