我有一个与 CSS 相关的问题,这看起来很容易,但在过去的一个小时里我一直在用头撞墙,因为我尝试的周围调整没有应用。
由于某些奇怪的原因,选择下拉菜单不会粘在单元格中,而是放在表格上方。见下图
生成表格的循环代码构建如下:(我没有费心发布 php,因为那不相关)
echo '<tr class="items">';
echo '<td id="cell11">'.$Date.'</td>';
echo '<td id="cell21">'.$link.'</td>';
echo '<td id="Fright1">'.MakeUserRoleDropdown($StatusId).'</td>';
echo '</tr>';
CSS 非常基础:
select { width: 367px; font-family: Verdana; font-size: 12px; color: #666; background: white; border: 1px solid #CECECE; padding: 4px;}
.dropdownrole { width:150px;}
#cell11 { padding-left: 10px; padding-right: 10px; width: 200px; text-align:left;}
#cell21 { padding-left: 10px; padding-right: 10px; width: 200px; text-align:left;}
#Fright1 { padding-left: 10px; padding-right: 10px; width: 200px; text-align:right;}
table.items tr { height: 32px; background:url(../images/tableRow.png); border-top: 1px solid #CCC; padding: 0; margin: 0;}
.items { width: 100%; border-collapse: collapse; color: ##797979; font-family: Verdana; font-size: 11px; }
table { border-spacing:2px;}
dropdownrole 在本例中是应用于下拉菜单的类。
如您所见,下拉列表不适用于行,只是放在表格上方(即使在代码中它甚至不在单元格中)而且我无法理解为什么。我让单元格的尺寸(高度和宽度)已经变大了,但运气不好。
我在 CSS 中做错了什么吗?
编辑
根据下拉功能的请求。
function MakeUserRoleDropdown($StatusId){
echo "<select name='StatusId' class='dropdownrole'>";
$results = LoadRoles();
while($row = mysql_fetch_array($results)){
echo "<option value='".$row['SgroupId']."' ";
if($StatusId == $row['SgroupId']){
echo "selected='selected'";
};
echo ">".$row['SgroupUser']."</option>";
}
echo "</select>";
}
这是 HTML 格式的输出。
最佳答案
我认为问题在于,您调用 MakeUserRoleDropdown
其中包含 echos
您继续在此字符串中使用此方法:echo '<td id="Fright1">'.MakeUserRoleDropdown($StatusId).'</td>';
改变你的 MakeUserRoleDropdown
对此:
function MakeUserRoleDropdown($StatusId){
$str = '';
$str .= "<select name='StatusId' class='dropdownrole'>";
$results = LoadRoles();
while($row = mysql_fetch_array($results)){
$str .= "<option value='".$row['SgroupId']."' ";
if($StatusId == $row['SgroupId']){
$str .= "selected='selected'";
};
$str .= ">".$row['SgroupUser']."</option>";
}
$str .="</select>";
return $str;
}
你应该很好。
关于php - 下拉菜单不会粘在表格上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22039123/