What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I align my form on the right side of the page but continue using left-text alignment?

    Asked by Deivyd A. on August 16, 2013 at 12:25 PM

    I currently have an image, width 283 px, on the left side of my webpage and I want to put the jot form on the right side of the page.  I've tried different CSS codes given by others and it works but it also texts aligns my text field to the right as well.  I want to keep a left align text field but put the form on the right side of the page.

     

    Thanks for the help 

    alignment text field different thanks CSS codes
  • Profile Image
    JotForm Support

    Answered by guilledutra on August 16, 2013 at 04:37 PM

    could you share with us the link where your form is embed to make further investigations?

    thanks

  • Profile Image

    Answered by daze03br on August 16, 2013 at 05:06 PM

    Here is a link......

     

    http://www.rccabinetry.com/contact_info.html

  • Profile Image
    JotForm Support

    Answered by jonathan on August 16, 2013 at 07:35 PM

    Hi Deivyd,

    I checked your website http://www.rccabinetry.com/contact_info.html But I could not find a JotForm form.

    Can you guide us how we can see the form on your website?

    I checked your account and found this Untitled Form http://www.jotform.us/form/32273845380153

    To embed the form, please use this guide Adding-a-Form-to-a-Web-Page

    Pleae inform us if you need further assistance.

    Thanks.

  • Profile Image

    Answered by on August 16, 2013 at 08:51 PM

    Sorry I briefly took it out of the page but I put it up again. 

     

    Here is the link once again.

     

    http://www.rccabinetry.com/contact_info.html

     

    Also here is the code set up for the page itself.

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="renaissance custom cabinetry, cabinetmaker, woodworker, mason, craftsperson, laborer, artisan, builder, assemble, carpenter, fabricate, frame, reconstruct, cabinets, kitchen cabinets, home entertainments, business cabinets, bathroom cabinets, refacing, veneer,"/>
    <meta name="description" content="Renaissance Custom Cabinetry is a family owned business that has provided customers with fine cabinetry for their homes and offices since 2009.  However our experience with fine cabinetry goes back over 40 years.  Our motto is “We not only deliver a great product, but we also educate our great customers”." />
    <meta name="author" content="Renaissance Custom Cabinetry" />
    <meta name="robots" content="follow,index" />
    <title>Renaissance Custom Cabinetry Home</title>
    <link target="_blank" href="printstyle.css" rel="stylesheet" type="text/css" media="print"/>
    <link target="_blank" href="CSS/rccabinetry.css" rel="stylesheet" type="text/css" />
    <link target="_blank" href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <body>

    <div id="wrapper">
     
      <div id="header">
       
        <div id="logo"><img src="Images/renaissance-logo_final.jpg" width="304" height="116" alt="Renaissance Custom Cabinetry" longdesc="Images/renaissance-logo_final.jpg" />
        </div><!--ends logo-->
       
        <div id="facebook"><a target="_blank" href="http://www.facebook.com/pages/Renaissance-Custom-Cabinetry/184880544881318" ><img src="Images/facebook_logo.jpg" width="87" height="26" alt="Find us on Facebook" longdesc="Images/facebook_logo.jpg" /></a>
        </div><!--ends facebook-->
     
      </div><!--ends header-->
     
      <div id="main_content">
       
        <div id="navigation">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a target="_blank" href="index.html">Home</a></li>
            <li><a target="_blank" href="about_us.html">About Us</a></li>
            <li><a target="_blank" href="products.html">Products</a>        </li>
            <li><a target="_blank" href="#" class="MenuBarItemSubmenu">Gallery</a>
              <ul>
                <li><a target="_blank" href="#">Kitchens</a></li>
                <li><a target="_blank" href="#">Bathrooms</a></li>
                <li><a target="_blank" href="#">Home Cabinets</a></li>
                <li><a target="_blank" href="#">Business Cabinets</a></li>
                <li><a target="_blank" href="#">Details</a></li>
              </ul>
            </li>
            <li><a target="_blank" href="#" class="MenuBarItemSubmenu">Cabinet Making 101</a>
              <ul>
                <li><a target="_blank" href="wood_type_1.html">Wood Types</a></li>
                <li><a target="_blank" href="wood_finishing.html">Wood Finishing</a></li>
                <li><a target="_blank" href="custom_vs_commercial.html">Custom vs Commercial</a></li>
              </ul>
            </li>
            <li><a target="_blank" href="contact_info.html">Contact Info</a></li>
          </ul>
        </div><!--ends navigation-->
       
        <div id="images"><img src="Images/contact_us.jpg" width="283" height="282" alt="Contact_Us" longdesc="Images/contact_us.jpg" /><br />
        <br />
        </div><!--ends images-->
       
        <h1>Please provide us with your information.</h1>
       
       
         <div class="text_indent_contactpage">
           
            <h4><span class="asterisk">* </span>Field Required</h4>
           
          <script src="http://cdn.jotfor.ms/static/jotform.js?3.1.1352" type="text/javascript"></script>
    <script type="text/javascript">
       JotForm.init(function(){
          $('input_5').hint('ex: myname@example.com');
       });
    </script>
    <link target="_blank" href="http://cdn.jotfor.ms/static/formCss.css?3.1.1352" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" target="_blank" href="http://cdn.jotfor.ms/css/styles/nova.css?3.1.1352" />
    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="http://cdn.jotfor.ms/css/printForm.css?3.1.1352" />
    <style type="text/css">
        .form-label{
            width:150px !important;
        }
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding-top:12px;
            padding-bottom:12px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:575px;
            color:#555 !important;
            font-family:'Lucida Grande';
            font-size:14px;
        }
        .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
            color:#555;
        }

        /* Injected CSS Code */
    .form-all {

    margin-left:322 !important;

    }
        /* Injected CSS Code */
    </style>

    <form class="jotform-form" action="http://submit.jotform.us/submit/32273845380153/" method="post" name="form_32273845380153" id="32273845380153" accept-charset="utf-8">
      <input type="hidden" name="formID" value="32273845380153" />
      <div class="form-all">
        <ul class="form-section">
          <li class="form-line" id="id_1">
            <label class="form-label-top" id="label_1" for="input_1">
              Full Name<span class="form-required">*</span>
            </label>
            <div id="cid_1" class="form-input-wide"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="10" name="q1_fullName1[first]" id="first_1" />
                <label class="form-sub-label" for="first_1" id="sublabel_first"> First Name </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="15" name="q1_fullName1[last]" id="last_1" />
                <label class="form-sub-label" for="last_1" id="sublabel_last"> Last Name </label></span>
            </div>
          </li>
          <li class="form-line" id="id_3">
            <label class="form-label-top" id="label_3" for="input_3"> Address </label>
            <div id="cid_3" class="form-input-wide">
              <table summary="" class="form-address-table" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td colspan="2"><span class="form-sub-label-container"><input class="form-textbox form-address-line" type="text" name="q3_address3[addr_line1]" id="input_3_addr_line1" />
                      <label class="form-sub-label" for="input_3_addr_line1" id="sublabel_3_addr_line1"> Street Address </label></span>
                  </td>
                </tr>
                <tr>
                  <td colspan="2"><span class="form-sub-label-container"><input class="form-textbox form-address-line" type="text" name="q3_address3[addr_line2]" id="input_3_addr_line2" size="46" />
                      <label class="form-sub-label" for="input_3_addr_line2" id="sublabel_3_addr_line2"> Street Address Line 2 </label></span>
                  </td>
                </tr>
                <tr>
                  <td width="50%"><span class="form-sub-label-container"><input class="form-textbox form-address-city" type="text" name="q3_address3[city]" id="input_3_city" size="21" />
                      <label class="form-sub-label" for="input_3_city" id="sublabel_3_city"> City </label></span>
                  </td>
                  <td><span class="form-sub-label-container"><input class="form-textbox form-address-state" type="text" name="q3_address3[state]" id="input_3_state" size="22" />
                      <label class="form-sub-label" for="input_3_state" id="sublabel_3_state"> State / Province </label></span>
                  </td>
                </tr>
                <tr>
                  <td width="50%" function zip(){var iterator=Prototype.K,args=$A(arguments);if(Object.isFunction(args.last())) iterator=args.pop();var collections=[this].concat(args).map($A);return this.map(function(value,index){return iterator(collections.pluck(index));});}><span class="form-sub-label-container"><input class="form-textbox form-address-postal" type="text" name="q3_address3[postal]" id="input_3_postal" size="10" />
                      <label class="form-sub-label" for="input_3_postal" id="sublabel_3_postal"> Postal / Zip Code </label></span>
                  </td>
                  <td><span class="form-sub-label-container"><select class="form-dropdown form-address-country" name="q3_address3[country]" id="input_3_country">
                        <option value="" selected> Please Select </option>
                        <option value="United States"> United States </option>
                        <option value="Afghanistan"> Afghanistan </option>
                        <option value="Albania"> Albania </option>
                        <option value="Algeria"> Algeria </option>
                        <option value="American Samoa"> American Samoa </option>
                        <option value="Andorra"> Andorra </option>
                        <option value="Angola"> Angola </option>
                        <option value="Anguilla"> Anguilla </option>
                        <option value="Antigua and Barbuda"> Antigua and Barbuda </option>
                        <option value="Argentina"> Argentina </option>
                        <option value="Armenia"> Armenia </option>
                        <option value="Aruba"> Aruba </option>
                        <option value="Australia"> Australia </option>
                        <option value="Austria"> Austria </option>
                        <option value="Azerbaijan"> Azerbaijan </option>
                        <option value="The Bahamas"> The Bahamas </option>
                        <option value="Bahrain"> Bahrain </option>
                        <option value="Bangladesh"> Bangladesh </option>
                        <option value="Barbados"> Barbados </option>
                        <option value="Belarus"> Belarus </option>
                        <option value="Belgium"> Belgium </option>
                        <option value="Belize"> Belize </option>
                        <option value="Benin"> Benin </option>
                        <option value="Bermuda"> Bermuda </option>
                        <option value="Bhutan"> Bhutan </option>
                        <option value="Bolivia"> Bolivia </option>
                        <option value="Bosnia and Herzegovina"> Bosnia and Herzegovina </option>
                        <option value="Botswana"> Botswana </option>
                        <option value="Brazil"> Brazil </option>
                        <option value="Brunei"> Brunei </option>
                        <option value="Bulgaria"> Bulgaria </option>
                        <option value="Burkina Faso"> Burkina Faso </option>
                        <option value="Burundi"> Burundi </option>
                        <option value="Cambodia"> Cambodia </option>
                        <option value="Cameroon"> Cameroon </option>
                        <option value="Canada"> Canada </option>
                        <option value="Cape Verde"> Cape Verde </option>
                        <option value="Cayman Islands"> Cayman Islands </option>
                        <option value="Central African Republic"> Central African Republic </option>
                        <option value="Chad"> Chad </option>
                        <option value="Chile"> Chile </option>
                        <option value="People's Republic of China"> People's Republic of China </option>
                        <option value="Republic of China"> Republic of China </option>
                        <option value="Christmas Island"> Christmas Island </option>
                        <option value="Cocos (Keeling) Islands"> Cocos (Keeling) Islands </option>
                        <option value="Colombia"> Colombia </option>
                        <option value="Comoros"> Comoros </option>
                        <option value="Congo"> Congo </option>
                        <option value="Cook Islands"> Cook Islands </option>
                        <option value="Costa Rica"> Costa Rica </option>
                        <option value="Cote d'Ivoire"> Cote d'Ivoire </option>
                        <option value="Croatia"> Croatia </option>
                        <option value="Cuba"> Cuba </option>
                        <option value="Cyprus"> Cyprus </option>
                        <option value="Czech Republic"> Czech Republic </option>
                        <option value="Denmark"> Denmark </option>
                        <option value="Djibouti"> Djibouti </option>
                        <option value="Dominica"> Dominica </option>
                        <option value="Dominican Republic"> Dominican Republic </option>
                        <option value="Ecuador"> Ecuador </option>
                        <option value="Egypt"> Egypt </option>
                        <option value="El Salvador"> El Salvador </option>
                        <option value="Equatorial Guinea"> Equatorial Guinea </option>
                        <option value="Eritrea"> Eritrea </option>
                        <option value="Estonia"> Estonia </option>
                        <option value="Ethiopia"> Ethiopia </option>
                        <option value="Falkland Islands"> Falkland Islands </option>
                        <option value="Faroe Islands"> Faroe Islands </option>
                        <option value="Fiji"> Fiji </option>
                        <option value="Finland"> Finland </option>
                        <option value="France"> France </option>
                        <option value="French Polynesia"> French Polynesia </option>
                        <option value="Gabon"> Gabon </option>
                        <option value="The Gambia"> The Gambia </option>
                        <option value="Georgia"> Georgia </option>
                        <option value="Germany"> Germany </option>
                        <option value="Ghana"> Ghana </option>
                        <option value="Gibraltar"> Gibraltar </option>
                        <option value="Greece"> Greece </option>
                        <option value="Greenland"> Greenland </option>
                        <option value="Grenada"> Grenada </option>
                        <option value="Guadeloupe"> Guadeloupe </option>
                        <option value="Guam"> Guam </option>
                        <option value="Guatemala"> Guatemala </option>
                        <option value="Guernsey"> Guernsey </option>
                        <option value="Guinea"> Guinea </option>
                        <option value="Guinea-Bissau"> Guinea-Bissau </option>
                        <option value="Guyana"> Guyana </option>
                        <option value="Haiti"> Haiti </option>
                        <option value="Honduras"> Honduras </option>
                        <option value="Hong Kong"> Hong Kong </option>
                        <option value="Hungary"> Hungary </option>
                        <option value="Iceland"> Iceland </option>
                        <option value="India"> India </option>
                        <option value="Indonesia"> Indonesia </option>
                        <option value="Iran"> Iran </option>
                        <option value="Iraq"> Iraq </option>
                        <option value="Ireland"> Ireland </option>
                        <option value="Israel"> Israel </option>
                        <option value="Italy"> Italy </option>
                        <option value="Jamaica"> Jamaica </option>
                        <option value="Japan"> Japan </option>
                        <option value="Jersey"> Jersey </option>
                        <option value="Jordan"> Jordan </option>
                        <option value="Kazakhstan"> Kazakhstan </option>
                        <option value="Kenya"> Kenya </option>
                        <option value="Kiribati"> Kiribati </option>
                        <option value="North Korea"> North Korea </option>
                        <option value="South Korea"> South Korea </option>
                        <option value="Kosovo"> Kosovo </option>
                        <option value="Kuwait"> Kuwait </option>
                        <option value="Kyrgyzstan"> Kyrgyzstan </option>
                        <option value="Laos"> Laos </option>
                        <option value="Latvia"> Latvia </option>
                        <option value="Lebanon"> Lebanon </option>
                        <option value="Lesotho"> Lesotho </option>
                        <option value="Liberia"> Liberia </option>
                        <option value="Libya"> Libya </option>
                        <option value="Liechtenstein"> Liechtenstein </option>
                        <option value="Lithuania"> Lithuania </option>
                        <option value="Luxembourg"> Luxembourg </option>
                        <option value="Macau"> Macau </option>
                        <option value="Macedonia"> Macedonia </option>
                        <option value="Madagascar"> Madagascar </option>
                        <option value="Malawi"> Malawi </option>
                        <option value="Malaysia"> Malaysia </option>
                        <option value="Maldives"> Maldives </option>
                        <option value="Mali"> Mali </option>
                        <option value="Malta"> Malta </option>
                        <option value="Marshall Islands"> Marshall Islands </option>
                        <option value="Martinique"> Martinique </option>
                        <option value="Mauritania"> Mauritania </option>
                        <option value="Mauritius"> Mauritius </option>
                        <option value="Mayotte"> Mayotte </option>
                        <option value="Mexico"> Mexico </option>
                        <option value="Micronesia"> Micronesia </option>
                        <option value="Moldova"> Moldova </option>
                        <option value="Monaco"> Monaco </option>
                        <option value="Mongolia"> Mongolia </option>
                        <option value="Montenegro"> Montenegro </option>
                        <option value="Montserrat"> Montserrat </option>
                        <option value="Morocco"> Morocco </option>
                        <option value="Mozambique"> Mozambique </option>
                        <option value="Myanmar"> Myanmar </option>
                        <option value="Nagorno-Karabakh"> Nagorno-Karabakh </option>
                        <option value="Namibia"> Namibia </option>
                        <option value="Nauru"> Nauru </option>
                        <option value="Nepal"> Nepal </option>
                        <option value="Netherlands"> Netherlands </option>
                        <option value="Netherlands Antilles"> Netherlands Antilles </option>
                        <option value="New Caledonia"> New Caledonia </option>
                        <option value="New Zealand"> New Zealand </option>
                        <option value="Nicaragua"> Nicaragua </option>
                        <option value="Niger"> Niger </option>
                        <option value="Nigeria"> Nigeria </option>
                        <option value="Niue"> Niue </option>
                        <option value="Norfolk Island"> Norfolk Island </option>
                        <option value="Turkish Republic of Northern Cyprus"> Turkish Republic of Northern Cyprus </option>
                        <option value="Northern Mariana"> Northern Mariana </option>
                        <option value="Norway"> Norway </option>
                        <option value="Oman"> Oman </option>
                        <option value="Pakistan"> Pakistan </option>
                        <option value="Palau"> Palau </option>
                        <option value="Palestine"> Palestine </option>
                        <option value="Panama"> Panama </option>
                        <option value="Papua New Guinea"> Papua New Guinea </option>
                        <option value="Paraguay"> Paraguay </option>
                        <option value="Peru"> Peru </option>
                        <option value="Philippines"> Philippines </option>
                        <option value="Pitcairn Islands"> Pitcairn Islands </option>
                        <option value="Poland"> Poland </option>
                        <option value="Portugal"> Portugal </option>
                        <option value="Puerto Rico"> Puerto Rico </option>
                        <option value="Qatar"> Qatar </option>
                        <option value="Romania"> Romania </option>
                        <option value="Russia"> Russia </option>
                        <option value="Rwanda"> Rwanda </option>
                        <option value="Saint Barthelemy"> Saint Barthelemy </option>
                        <option value="Saint Helena"> Saint Helena </option>
                        <option value="Saint Kitts and Nevis"> Saint Kitts and Nevis </option>
                        <option value="Saint Lucia"> Saint Lucia </option>
                        <option value="Saint Martin"> Saint Martin </option>
                        <option value="Saint Pierre and Miquelon"> Saint Pierre and Miquelon </option>
                        <option value="Saint Vincent and the Grenadines"> Saint Vincent and the Grenadines </option>
                        <option value="Samoa"> Samoa </option>
                        <option value="San Marino"> San Marino </option>
                        <option value="Sao Tome and Principe"> Sao Tome and Principe </option>
                        <option value="Saudi Arabia"> Saudi Arabia </option>
                        <option value="Senegal"> Senegal </option>
                        <option value="Serbia"> Serbia </option>
                        <option value="Seychelles"> Seychelles </option>
                        <option value="Sierra Leone"> Sierra Leone </option>
                        <option value="Singapore"> Singapore </option>
                        <option value="Slovakia"> Slovakia </option>
                        <option value="Slovenia"> Slovenia </option>
                        <option value="Solomon Islands"> Solomon Islands </option>
                        <option value="Somalia"> Somalia </option>
                        <option value="Somaliland"> Somaliland </option>
                        <option value="South Africa"> South Africa </option>
                        <option value="South Ossetia"> South Ossetia </option>
                        <option value="Spain"> Spain </option>
                        <option value="Sri Lanka"> Sri Lanka </option>
                        <option value="Sudan"> Sudan </option>
                        <option value="Suriname"> Suriname </option>
                        <option value="Svalbard"> Svalbard </option>
                        <option value="Swaziland"> Swaziland </option>
                        <option value="Sweden"> Sweden </option>
                        <option value="Switzerland"> Switzerland </option>
                        <option value="Syria"> Syria </option>
                        <option value="Taiwan"> Taiwan </option>
                        <option value="Tajikistan"> Tajikistan </option>
                        <option value="Tanzania"> Tanzania </option>
                        <option value="Thailand"> Thailand </option>
                        <option value="Timor-Leste"> Timor-Leste </option>
                        <option value="Togo"> Togo </option>
                        <option value="Tokelau"> Tokelau </option>
                        <option value="Tonga"> Tonga </option>
                        <option value="Transnistria Pridnestrovie"> Transnistria Pridnestrovie </option>
                        <option value="Trinidad and Tobago"> Trinidad and Tobago </option>
                        <option value="Tristan da Cunha"> Tristan da Cunha </option>
                        <option value="Tunisia"> Tunisia </option>
                        <option value="Turkey"> Turkey </option>
                        <option value="Turkmenistan"> Turkmenistan </option>
                        <option value="Turks and Caicos Islands"> Turks and Caicos Islands </option>
                        <option value="Tuvalu"> Tuvalu </option>
                        <option value="Uganda"> Uganda </option>
                        <option value="Ukraine"> Ukraine </option>
                        <option value="United Arab Emirates"> United Arab Emirates </option>
                        <option value="United Kingdom"> United Kingdom </option>
                        <option value="Uruguay"> Uruguay </option>
                        <option value="Uzbekistan"> Uzbekistan </option>
                        <option value="Vanuatu"> Vanuatu </option>
                        <option value="Vatican City"> Vatican City </option>
                        <option value="Venezuela"> Venezuela </option>
                        <option value="Vietnam"> Vietnam </option>
                        <option value="British Virgin Islands"> British Virgin Islands </option>
                        <option value="US Virgin Islands"> US Virgin Islands </option>
                        <option value="Wallis and Futuna"> Wallis and Futuna </option>
                        <option value="Western Sahara"> Western Sahara </option>
                        <option value="Yemen"> Yemen </option>
                        <option value="Zambia"> Zambia </option>
                        <option value="Zimbabwe"> Zimbabwe </option>
                        <option value="other"> Other </option>
                      </select>
                      <label class="form-sub-label" for="input_3_country" id="sublabel_3_country"> Country </label></span>
                  </td>
                </tr>
              </table>
            </div>
          </li>
          <li class="form-line" id="id_4">
            <label class="form-label-top" id="label_4" for="input_4">
              Phone Number<span class="form-required">*</span>
            </label>
            <div id="cid_4" class="form-input-wide"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q4_phoneNumber4[area]" id="input_4_area" size="3">
                -
                <label class="form-sub-label" for="input_4_area" id="sublabel_area"> Area Code </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q4_phoneNumber4[phone]" id="input_4_phone" size="8">
                <label class="form-sub-label" for="input_4_phone" id="sublabel_phone"> Phone Number </label></span>
            </div>
          </li>
          <li class="form-line" id="id_5">
            <label class="form-label-top" id="label_5" for="input_5"> E-mail </label>
            <div id="cid_5" class="form-input-wide">
              <input type="email" class=" form-textbox validate[Email]" id="input_5" name="q5_email5" size="30" value="" />
            </div>
          </li>
          <li class="form-line" id="id_6">
            <label class="form-label-top" id="label_6" for="input_6"> Message </label>
            <div id="cid_6" class="form-input-wide">
              <textarea id="input_6" class="form-textarea" name="q6_message" cols="40" rows="6"></textarea>
            </div>
          </li>
          <li class="form-line" id="id_2">
            <div id="cid_2" class="form-input-wide">
              <div style="margin-left:156px" class="form-buttons-wrapper">
                <button id="input_2" type="submit" class="form-submit-button">
                  Submit
                </button>
              </div>
            </div>
          </li>
          <li style="display:none">
            Should be Empty:
            <input type="text" name="website" value="" />
          </li>
        </ul>
      </div>
      <input type="hidden" id="simple_spc" name="simple_spc" value="32273845380153" />
      <script type="text/javascript">
      document.getElementById("si" + "mple" + "_spc").value = "32273845380153-32273845380153";
      </script>
    </form>
         </div><!--text_indent_contactpage-->
        <div id="copyright_directions"> <span class="company_name">Renaissance Custom Cabinetry</span> <br />
                                   <a target="_blank" href="https://maps.google.com/maps?q=2071+Emerson+st+-+ste+19,+Jacksonville,+Florida+32207&ie=UTF-8&hq=&hnear=0x88e5b64a24c368f9:0xd742be30004105c0,2071+Emerson+St+%2319,+Jacksonville,+FL+32207&gl=us&ei=FT79UdfiA9a14APmmYGQAg&sqi=2&ved=0CCoQ8gEwAA" title="Renaissance Custom Cabinetry" >2071 Emerson st - ste 19, Jacksonville, Florida 32207</a> <br>
                                 © Copyright 2013 Renaissance Custom Cabinetry
        </div><!--ends copyright_directions-->
     
     
     
       
        <div id="courtesy_navigation">
          <ul id="MenuBar2" class="MenuBarHorizontal">
            <li><a target="_blank" href="index.html">Home</a></li>
            <li><a target="_blank" href="about_us.html">About Us</a></li>
            <li><a target="_blank" href="products.html">Products</a>        </li>
            <li><a target="_blank" href="#" class="MenuBarItemSubmenu">Gallery</a>
              <ul>
                <li><a target="_blank" href="#">Kitchens</a></li>
                <li><a target="_blank" href="#">Bathrooms</a></li>
                <li><a target="_blank" href="#">Home Cabinets</a></li>
                <li><a target="_blank" href="#">Business Cabinets</a></li>
                <li><a target="_blank" href="#">Details</a></li>
              </ul>
            </li>
            <li><a target="_blank" href="#" class="MenuBarItemSubmenu">Cabinet Making 101</a>
              <ul>
                <li><a target="_blank" href="wood_type_1.html">Wood Types</a></li>
                <li><a target="_blank" href="wood_finishing.html">Wood Finishing</a></li>
                <li><a target="_blank" href="custom_vs_commercial.html">Custom vs Commercial</a></li>
              </ul>
            </li>
            <li><a target="_blank" href="contact_info.html">Contact Info</a></li>
          </ul>
        </div><!--ends courtesy_navigation-->
        
      
     
      </div><!--ends main_content-->
      
       <div id="footer"></div><!--ends foooter-->
     
     
     
    </div><!--ends wrapper-->
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Here is the CSS setup for the pages

     

    @charset "utf-8";
    /* CSS Document */


    body {
     background-color: #fff4b1;
     padding-top: 30px;
    }

    #wrapper {
     width: 960px;
     position: relative;
     margin-right: auto;
     margin-left: auto;
     background-color: #78915a;
     z-index: auto;
     clear: both;
     height: 200%;
    }
    #header {
     background-color: #78915a;
     height: 150px;
     width: 960px;
    }
    #logo {
     clear: both;
     /*clear: both;*/
     float: left;
     width: 304px;
     padding-top: 15px;
     padding-left: 15px;
       
    }
    #facebook {
     float: right;
     width: 87px;
     padding-top: 87px;
     padding-right: 50px;
    }
    #main_content {
     background-color: #FFF;
     width: 930px;
     margin-right: auto;
     margin-left: auto;
    }

    #navigation {
    }

    #images {
     padding-left: 10px;
     padding-right: 25px;
     clear: both;
     float: left;
     padding-top: 250px;
    }

    .text_indent {
     padding-left: 322px;
     padding-top: 75px;
    }

    .text_indent_homepage {
     padding-left: 322px;
     padding-top: 30px;
    }

    .text_indent_contactpage {
     padding-left: 322px;
     /*clear: both;*/
     
    }


    h1 {
     font-family: "Lucida Calligraphy";
     text-align: center;
     padding-top: 150px;
     padding-right: 25px;
    }
    #arrow_right {
     padding-top: 15px;
     clear: both;
     float: right;
     padding-right: 25px;
    }
    #arrow_left {
     clear: both;
     float: left;
     padding-top: 15px;
     padding-left: 25px;
    }

     


    p {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 18px;
     text-indent: 50px;
    }

    .asterisk {
     color: #F00;
     font-weight: bold;
    }

    .bold {
     font-weight: bold;
    }

    .table {
     text-align: center;
    }

    #copyright_directions {
     font-family: "Times New Roman";
     font-size: 12px;
     padding-top: 115px;
     text-align: center;
     float: right;
     width: 930px;
     clear: both;
     padding-bottom: 15px;
    }

    .company_name {
     font-family: "Times New Roman";
     font-size: 16px;
    }
    #footer {
     text-align: center;
     clear: both;
     padding-right: 0px;
     padding-bottom: 15px;
     padding-left: 0px;
    }
    #courtesy_navigation {
     text-align: center;
     margin-right: auto;
     margin-left: auto;
     background-color: #78915A;
     width: 930px;
     font-family: "Times New Roman";
     font-size: 10px;
     clear: both;
    }

    a img {
        border:none;
    }

    a:visited {color:blue;}
    a:hover   {color:78915a;}
    a:active  {color:fff4b1;}

  • Profile Image
    JotForm Support

    Answered by Tasha on August 16, 2013 at 11:25 PM

    Hi,

    Please take a look at the screen shot below of your form. If that is what you would like to achieve then update css to reflect this single change

    .text_indent_contactpage {

    float: left;

    }

    remove the padding-left and the clear both, that is currently there. If this does not solve your problem please provide some more details of how you would like your page to look.

     

    Thanks!

  • Profile Image

    Answered by daze03br on August 17, 2013 at 12:44 AM

    Thanks, that worked out just fine.