Title: help needed! placing 2 elements side by side
Last modified: August 19, 2016

---

# help needed! placing 2 elements side by side

 *  [funguru](https://wordpress.org/support/users/funguru/)
 * (@funguru)
 * [18 years, 2 months ago](https://wordpress.org/support/topic/help-needed-placing-2-elements-side-by-side/)
 * Hi, i am modifying a them and need to place the search box on the right side 
   of the logo (please check [http://vpromote.net](http://vpromote.net)) right now
   the search box in on top of the logo. Since i am new at css, please help me figure
   this out.
 * Header.php
 * <div id=”sitename”>
    <div id=”searchbox”> <form method=”get” action=”<?php echo
   $_SERVER[‘PHP_SELF’]; ?>”> <input name=”s” type=”text” class=”sb” value=”Search”
   size=”10″ tabindex=”1″ /> <input name=”search” type=”submit” value=”search” /
   > </form> </div> “> <img src=”<?php bloginfo(‘template_directory’); ?>/images/
   logo-small.gif” /> </div> <div id=”navs”> <div id=”navigator”>
    - 
    - <?php wp_list_pages(‘title_li=&depth=1’); ?>
 * </div>
 * Style.css
 * #sitename {
    margin: 0px; padding: 0px; float: left; width: 415px; } #navs { 
   margin: 0px; padding: 0px; float: left; width: 915px; height: 45px; } #searchbox{
   margin: 0px; padding: 0px; float: left; width: 100%; } #searchbox form { margin:
   0px; padding: 0px 0px 0px 0px; float: left; width: 70%; } #searchbox .sb { font-
   family: Arial, Tahoma, “Lucida Sans”; font-size: 12px; color: #333333; background:#
   FFFFFF; margin: 0px 5px 0px 0px; padding: 1px 4px; width: 200px; border: 1px 
   solid #CCCCCC; } #navigator { margin: 0px; padding: 19px 2% 0px; float: left;
   width: 100%; height: 28px; background: url(images/navs.jpg) no-repeat bottom;}#
   navigator ul { margin: 0px; padding: 0px; float: left; width: 100%; list-style-
   type: none; } #navigator ul li { margin: 0px; padding: 0px 19px; float: left;
   list-style-type: none; display: inline; font-size: 12px; color: #FFFFFF; line-
   height: 28px; height: 28px; border-right: 1px dotted #35617B; } #navigator li
   a { color: #9edfd4; text-decoration: none; } #navigator li a:hover { color: #
   268D9F; text-decoration: underline; }

Viewing 1 replies (of 1 total)

 *  [rmk80](https://wordpress.org/support/users/rmk80/)
 * (@rmk80)
 * [18 years, 2 months ago](https://wordpress.org/support/topic/help-needed-placing-2-elements-side-by-side/#post-823823)
 * Hi, use this for your header:
 *     ```
       <div id="sitename">
       <div id="myimage">
        <img src="<?php bloginfo('template_directory'); ?>/images/logo-small.gif" />
        </div>
        <div id="searchbox">
         <form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
          <input name="s" type="text" class="sb" value="Search" size="10" tabindex="1" />
          <input name="search" type="submit" value="search" />
         </form>
        </div>
       </div>
       ```
   
 * and add this to your css:
 *     ```
       #myimage {
       margin: 0px;
       padding: 0px;
       float: left;
       }
       ```
   
 * see if it works!

Viewing 1 replies (of 1 total)

 The topic ‘help needed! placing 2 elements side by side’ is closed to new replies.

 * 1 reply
 * 2 participants
 * Last reply from: [rmk80](https://wordpress.org/support/users/rmk80/)
 * Last activity: [18 years, 2 months ago](https://wordpress.org/support/topic/help-needed-placing-2-elements-side-by-side/#post-823823)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics