• I am a relative novice at wordpress/CSS/HTML and have to do some website maintenance (old employee left company).

    I would like to get a form and my widget (rotating tweets) to display side by side. Currently, they are on top of each other vertically. I’ve tried manipulating the HTML code to no avail–a lot of it with trial and error.

    Can anyone take a look at the code and see where I may be going wrong?

    Thanks very much in advance!

    </div>
              <div>
            </div>
           </div>
         <div class="container">
          <div class="line row-fluid">
    	<div class="span5">
              <div class="info">
                <h3 class="title">GBU Tweets</h3>
    		<div class="content">
    <?php echo do_shortcode( "[rotatingtweets screen_name='GBUrology' rotation_type='carousel' carousel_count='3' include_rts='0' tweet_count='5' timeout='3000' show_follow ='1']" ) ?>      
    
          </div>     
    
               </div>                      
    
                    <?php
    
    							   ?>
                </div>
              </div>
            </div>
     	<div class="span5">
    	<div class="info">
                <h3 class="title">Find a Provider</h3>
                <div class="doctor_fome">
                  <div class="inner_frem">
                    <form name="form1" action="<?php echo get_permalink(123); //echo site_url('/find-a-doctor');?>" method="post" onsubmit="return validateForm()">
                      <label>Find A Provider By Name</label>
                      <li>
                        <input type="text" name="doc_name" id="doc_name" />
                      </li>
                      <label>Find A Provider By Zip Code</label>
                      <li>
                        <input type="text" name="zip" id="zip"  />
                      </li>
                      <li>
                        <input type="submit" value="SUBMIT" name="find" id="find" />
                      </li>
                    </form>
                  </div>
                </div>
    	  </div>
            </div>
          </div>
        </div>
        <div class="clear"></div>
Viewing 2 replies - 1 through 2 (of 2 total)
  • Generally the location of something on the page is a CSS question and not an HTML question.

    It’s hard to know how to help without seeing the page, but, in general, I’d leave the HTML alone – and see what needs to happen to the CSS to get the effect you want.

    Ideally, also, I’d be using widgets rather than hard coding to put the two elements on the page – but again it’s hard to judge this without seeing the template you’re using.

    Martin

    Thread Starter jlk8298

    (@jlk8298)

    Thanks for the prompt response, Martin.

    my site is below

    I’d like to have the rotating tweets align left and have the ‘find a provider’ form align to the right (side by side).

    Any help/advice would be greatly appreciated

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Form & Widget on same horizontal lines’ is closed to new replies.