今天是个好日子,
我正在用CSS和jQuery和PHP编写Wordpress插件。
我有下表,我正在尝试修改CSS,但似乎不适当地应用。我的表基本上看起来像:
|--------------------------------------------|
| Username: |
|--------------------------------------------|
| |
|--------------------------------------------|
|Email |
|--------------------------------------------|
||------------------------------------------||
||Year | Month | Day ||
|| | | ||
||------------------------------------------||
|--------------------------------------------|
实际上,所有内容都已压缩,我正在尝试为它提供更多的空间,例如:
|--------------------------------------------|
| |
| Username: |
| |
|--------------------------------------------|
| |
| |
| |
|--------------------------------------------|
| |
|Email |
| |
|--------------------------------------------|
||------------------------------------------||
||Year | Month | Day ||
|| | | ||
||------------------------------------------||
|--------------------------------------------|
当我执行以下CSS时:
.registration table td {
border: 0;
padding-bottom: 100px;
}
它会在另一个表的“内部”更改表,但不会更改主表,谁能在我错的地方为我提供帮助,因为我需要样式要比这更好。
<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>
编辑更新
Brett的答案是最接近的正确答案,但是如果您仔细查看我的HTML,则会丢失一些TD,这会导致填充底部无法正常工作。
我必须检查我的脚本和所有HTML以意识到错误的复制/粘贴使我复制了一些信息而没有
您的表格上没有课程注册,但有ID注册。
在表单中添加类或将CSS修改为
#registration table td {
border: 0;
padding-bottom: 100px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句