CSS樣式表 - 試圖讓更多的空間

我正在寫一個WordPress的插件使用CSS和jQuery和PHP。

我有下表，我試圖修改CSS，但它似乎並沒有正確應用。我的表基本上看起來像：

|--------------------------------------------| 
| Username:         | 
|--------------------------------------------| 
|           | 
|--------------------------------------------| 
|Email          | 
|--------------------------------------------| 
||------------------------------------------|| 
||Year | Month |  Day    || 
||  |   |      || 
||------------------------------------------|| 
|--------------------------------------------|

這真是所有凝結，我想給它更多的空間，更多的是這樣的：

|--------------------------------------------| 
|           | 
| Username:         | 
|           | 
|--------------------------------------------| 
|           | 
|           | 
|           | 
|--------------------------------------------| 
|           | 
|Email          | 
|           | 
|--------------------------------------------| 
||------------------------------------------|| 
||Year | Month |  Day    || 
||  |   |      || 
||------------------------------------------|| 
|--------------------------------------------|

當我做下面的CSS：

.registration table td { 
    border: 0; 
    padding-bottom: 100px; 
}

它改變表「INSIDE」的其他表，但它不會改變主表任何人都可以幫助我在哪裏我錯了，因爲我需要的造型比這更好...

<form id="registration" action="" method="POST"> 
    <table class="registration_table"> 
     <tbody> 
      <tr id="reg_tablerow_1"> 
       <div class="regpage_text required" id="order_1"> 
        <label for="username">Username: *</label> 
        <br> 
        <input id="username" name="username" value="" placeholder="Username" type="text"> 
       </div> 
      </tr> 
      <tr> 
       <td> 

        <table> 
         <tbody> 
          <tr> 
           <td>Year</td> 
           <td>Month</td> 
           <td>Day</td> 
          </tr> 
          <tr> 
           <td> 
            <select name="year" id="year"> 
             <option value="2015" selected="selected">2015</option> 
             <option value="2014">2014</option> 
            </select> 
           </td> 
           <td> 
            <select name="month" id="month"> 
             <option value="1" selected="selected">January</option> 
             <option value="2">February</option> 
            </select> 
           </td> 
           <td> 
            <select name="day" id="day"> 
             <option value="1" selected="selected">1</option> 
             <option value="2">2</option> 
            </select> 
           </td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</form>

編輯UPDATE

佈雷特答案是最接近正確的答案，但如果你仔細看我的HTML有一些TD缺失導致填充底部不工作。

我必須重新審視我的腳本和我所有的HTML認識到，一個壞的複製/粘貼讓我複製一些信息，而無需

來源

2015-02-07 pSyToR

你沒有一個類註冊，但你的窗體上的ID註冊。

一類添加到形式或修改的CSS到

#registration table td { 
border: 0; 
padding-bottom: 100px; 
}

來源

2015-02-07 12:11:52 Brett

我會盡快調查這Brett。很快就會回覆您 – pSyToR 2015-02-07 12:36:29

我會將您的答案標記爲正確的Brett因爲您在我的例子中是正確的我在調用類而不是ID時犯了一個錯誤......但是我也發現在我的腳本中我失蹤了我的正確標記無處不在...您的回答是正確的 - 謝謝 – pSyToR 2015-02-09 05:41:22

對於垂直中心利用這一點：

vertical-align: middle; Or bottom Or Top

對於水平中心利用這條線：

text-align: center; Or left Or right

對於高度問題用途：

height: 00px; & line-height: 00px;

來源

2015-02-07 12:28:01

我不知道你在說什麼...如果我能我會投票你的答案。 – pSyToR 2015-02-09 05:42:00

CSS樣式表 - 試圖讓更多的空間

回答

相關問題