2017-07-27 31 views
-1

我正在使用Mailchimp高級模式中的表創建表單。我不能把2列分成50% - 50%。我不知道爲什麼左欄需要比右欄更多的空間。兩列在Mailchimp高級模式下並不相等

.formLabel { 
 
    vertical-align: top; 
 
    font-size: 14px; 
 
    color: #4d858d; 
 
    font-weight: bold; 
 
    text-align: left; 
 
    margin: 22px; 
 
    padding: 10 15 10 15; 
 
    width: auto; 
 
} 
 
.container { 
 
    background-color: #FFFFFF; 
 
    width: 700px; 
 
    border: none; 
 
    padding: 5 5 15 5; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
} 
 
ul,li { 
 
    margin: 0; 
 
    padding: 0; 
 
    list-style: none; 
 
} 
 
body { 
 
    background-color: #FFFFFF; 
 
    font-family: verdana; 
 
    font-size: 12px; 
 
    text-align: center; 
 
    min-width: 700px; 
 
    margin: 20 0 0 0; 
 
} 
 
input[type="text"] { 
 
    -webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    border-radius: 5px; 
 
    background-color: #F5F5F5; 
 
    border-width: 0px; 
 
    border-style: solid; 
 
    width: 100%; 
 
    max-width: 100%; 
 
    font-size: 14px; 
 
    padding: 6 10 6 10; 
 
    box-sizing: border-box; 
 
    font-weight: normal; 
 
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.075); 
 
} 
 
.select-small { 
 
    width: 100%; 
 
    height: 27; 
 
    webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    border-radius: 5px; 
 
    background-color: #F5F5F5; 
 
    border-width: 0px; 
 
    border-style: solid; 
 
    width: 100%; 
 
    max-width: 100%; 
 
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.075); 
 
}
<tr> 
 
    <td align="left" class="formLabel">Anrede <span class="req asterisk">*</span> 
 
     <br> 
 
     <div class="interestgroup_field radio-group" id="MERGE3"> 
 
      <label class="radio" for="MERGE3-0"> 
 
       <input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-0" value="Herr" class="av-radio"><span>Herr</span></label> 
 
      <label class="radio" for="MERGE3-1"> 
 
       <input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-1" value="Herr" class="av-radio"><span>Frau</span></label> 
 
      <label class="radio" for="MERGE3-2"> 
 
       <input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-2" value="Dr" class="av-radio"><span>Dr</span></label> 
 
     </div> 
 
     <br> 
 
     <div class="error">*|HTML:MMERGE3ERROR|*</div> 
 
    </td> 
 
</tr> 
 

 
<tr> 
 
    <td align="left" class="formLabel">Vorname <span class="req asterisk">*</span> 
 
     <br> 
 
     <input type="text" name="MERGE1" id="MERGE1" size="35" value="*|MERGE1|*"> 
 
     <br> 
 
     <div class="error">*|HTML:FNAMEERROR|*</div> 
 
    </td> 
 

 

 

 
    <td align="left" class="formLabel">Nachname <span class="req asterisk">*</span> 
 
     <br> 
 
     <input type="text" name="MERGE2" id="MERGE2" size="35" value="*|MERGE2|*"> 
 
     <br> 
 
     <div class="error">*|HTML:LNAMEERROR|*</div> 
 
    </td> 
 
</tr> 
 

 
<tr> 
 
    <td align="left" class="formLabel">Position 
 
     <br> 
 
     <input type="text" name="MERGE5" id="MERGE5" value="*|MERGE5|*"> 
 
     <br> 
 
     <div class="error">*|HTML:MMERGE5ERROR|*</div> 
 
    </td> 
 

 

 

 
    <td align="left" class="formLabel">Firma <span class="req asterisk">*</span> 
 
     <br> 
 
     <input type="text" name="MERGE6" id="MERGE6" value="*|MERGE6|*"> 
 
     <br> 
 
     <div class="error">*|HTML:MMERGE6ERROR|*</div> 
 
    </td> 
 
</tr>

+0

請閱讀[在什麼情況下,我可以添加「緊急」或其他類似的短語到我的問題,以獲得更快的答案?](/ meta.stackoverflow.com/q/326569) - 摘要是,這不是解決志願者問題的理想方式,而且可能對獲得答案起反作用。請不要將這添加到您的問題。 – halfer

+0

也需要花點時間在這裏學習代碼格式化工具 - 您需要'{}'代碼工具,而不是'>'引用工具。 – halfer

回答

0

有兩個錯誤的代碼

  1. 你缺少的代碼,開始和結束表<table width="100%" border="0" cellspacing="0" cellpadding="0"></table>
  2. 你的HTML之前,該關閉樣式標籤。

修復這兩件事情,你的形式成形。

<html> 
 

 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
 

 

 

 

 
<tr> 
 
        <td colspan="2" align="left" class="formLabel">Anrede <span class="req asterisk">*</span><br> 
 
        <div class="interestgroup_field radio-group" id="MERGE3"> <label class="radio" for="MERGE3-0"><input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-0" value="Herr" class="av-radio"><span>Herr</span></label><label class="radio" for="MERGE3-1"><input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-1" value="Herr" class="av-radio"><span>Frau</span></label><label class="radio" for="MERGE3-2"><input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-2" value="Dr" class="av-radio"><span>Dr</span></label> </div> 
 
         <br><div class="error">*|HTML:MMERGE3ERROR|*</div> 
 
        </td> 
 
       </tr> 
 

 
       <tr> 
 
        <td align="left" class="formLabel">Vorname <span class="req asterisk">*</span><br> 
 
        <input type="text" name="MERGE1" id="MERGE1" size="35" value="*|MERGE1|*"> 
 
         <br> <div class="error">*|HTML:FNAMEERROR|*</div> 
 
        </td> 
 

 

 

 
        <td align="left" class="formLabel">Nachname <span class="req asterisk">*</span><br> 
 
        <input type="text" name="MERGE2" id="MERGE2" size="35" value="*|MERGE2|*"> 
 
         <br> <div class="error">*|HTML:LNAMEERROR|*</div> 
 
        </td> 
 
       </tr> 
 

 
       <tr> 
 
        <td align="left" class="formLabel">Position <br> 
 
        <input type="text" name="MERGE5" id="MERGE5" value="*|MERGE5|*"> 
 
         <br> <div class="error">*|HTML:MMERGE5ERROR|*</div> 
 
        </td> 
 

 

 

 
        <td align="left" class="formLabel">Firma <span class="req asterisk">*</span><br> 
 
        <input type="text" name="MERGE6" id="MERGE6" value="*|MERGE6|*"> 
 
         <br> <div class="error">*|HTML:MMERGE6ERROR|*</div> 
 
        </td> 
 
       </tr> 
 
    </tr> 
 
</table> 
 
<style> .formLabel { 
 
    vertical-align: top;   
 
    font-size: 14px; 
 
    color: #4d858d; 
 
    font-weight: bold; 
 
    text-align: left; 
 
    /*margin: 22px; 
 
    padding: 10 15 10 15;*/ 
 
    width: auto; 
 
\t border:1px solid #000000; 
 
      } 
 
.container { 
 
      background-color: #FFFFFF; 
 
      width: 700px; 
 
      border: none; 
 
      /*padding: 5 5 15 5;*/ 
 
      margin-left: auto; 
 
      margin-right: auto; 
 
     } ul, 
 
     li { 
 
      margin: 0; 
 
      padding: 0; 
 
      list-style: none; 
 
     } body { 
 
      background-color: #FFFFFF; 
 
      font-family:verdana; 
 
      font-size: 12px; 
 
      text-align: center; 
 
      min-width: 700px; 
 
      margin: 20 0 0 0; 
 
     } input[type="text"] { 
 
-webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    border-radius: 5px; 
 
    background-color: #F5F5F5; 
 
    border-width: 0px; 
 
    border-style: solid; 
 
    width: 100%; 
 
    max-width: 100%; 
 
    font-size: 14px; 
 
    padding: 6 10 6 10; 
 
    box-sizing: border-box; 
 
    font-weight: normal; 
 
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.075); } 
 

 
.select-small { 
 
    width: 100%; 
 
    height: 27; 
 
    webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    border-radius: 5px; 
 
    background-color: #F5F5F5; 
 
    border-width: 0px; 
 
    border-style: solid; 
 
    width: 100%; 
 
    max-width: 100%; 
 
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.075); } 
 
\t </style></html>

讓我知道這是你所追求的。