私のラベルがドロップダウンリストと重なっています......それらの間にスペースを追加したい

Question

<div class="container"> 
       <table width=100%> 
         <tr> 
         <td> 
    <table width="100%" border="0" cellpadding="1" cellspacing="2" class="taborder"> 
       <tr> 
      <td height=25 align="left" class="gtab">Your Contact Details</td> 
       </tr> 
       <tr align="left"> 
        <td colspan="2" valign="top" class="content"> 
    <table width="100%" border="0" align="center" cellpadding="5" cellspacing="1" class="link"> 
        <tr> 
    <td width="224" height="29" bgcolor="#DEECF5"> <div align="right"><font color="#FF0000">*</font> 
          <form class="form-horizontal"> 
          <div class="form-group"> 
          <b>Title :</b></div></td> 
               <td width="326" bgcolor="#DEECF5"> 
          <select name="gender" > 
           <option <? if ($dataary['gender']=="Mr.") echo "selected"; ?> 
           </option> <option value="Mr">Mr</option> 
           <option <? if ($dataary['gender']=="Mrs.") echo "selected"; ?> 
           </option> <option value="Mrs">Mrs.</option> 
           <option <? if ($dataary['gender']=="Ms.") echo "selected"; ?> 
           </option> <option value="Ms">Ms</option> 
          </select>       
         </td> 
         </div> 
        </tr> 
        <tr> 
         <td width="224" height="29" bgcolor="#DEECF5"> <div align="right"><font color="#FF0000">*</font> 
         <form class="form-inline"> 
         <div class="row"> 
         <div class="col-xs-3"> 

         <b> <label for="lnm">Full Name :</label></b></div></td> 
         <td width="326" bgcolor="#DEECF5"> 
          <div class="row"> 
          <div class="col-sm-3"> 
           <div class="form-group"> 
           <input type="text" size="10" name="fnm" class="form-control" value="<?php print $dataary['fnm'];?>"> 
           </div> 
          </div> 
          <div class="col-sm-3"> 
           <div class="form-group"> 
           <input type="text" size="10" name="lnm" class="form-control" value="<?php print $dataary['lnm'];?>"> 
           </div> 
          </div> 
          </div> 
             <br> 
             <?php print $errors['fullname']; ?> 
            </td> 
         </div> 
         </div> 
         </form> 
         </tr> 

私のラベル（タイトル）が（Mr、MRs、Ms）ドロップダウンリストと重なっています..... .Iはそれら の間にスペースを追加すると、その*は、ラベル（タイトル）の前にする必要がありますが、それはそれは、このようにする必要があり、どこか アップです*タイトル：リストドロップダウン

Answer 1

あなたのHTMLマークアップが間違っている：

<div class="container"> 
    <table width=100%> 
    <tr> 
     <td> 
     <table width="100%" border="0" cellpadding="1" cellspacing="2" class="taborder"> 
      <tr> 
      <td height=25 align="left" class="gtab">Your Contact Details</td> 
      </tr> 
      <tr align="left"> 
      <td colspan="2" valign="top" class="content"> 
       <table width="100%" border="0" align="center" cellpadding="5" cellspacing="1" class="link"> 
       <tr> 
        <td width="224" height="29" bgcolor="#DEECF5"> 
        <div align="right"><font color="#FF0000">*</font> 
         <form class="form-horizontal"> 
         <div class="form-group"> 
         <b>Title :</b> 
         </div> 
        </td> 

この最後のルールでは、 'td'を閉じていますが、最後の 'fo rm '要素。あなたの問題に関係があるかどうかはわかりませんが、正しいHTMLマークアップを持つことをお勧めします。