php - 下拉菜单不会粘在表格上

标签 php html css

我有一个与 CSS 相关的问题,这看起来很容易,但在过去的一个小时里我一直在用头撞墙,因为我尝试的周围调整没有应用。

由于某些奇怪的原因,选择下拉菜单不会粘在单元格中,而是放在表格上方。见下图

enter image description here

生成表格的循环代码构建如下:(我没有费心发布 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 格式的输出。

Output in browser as 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/

相关文章:

php - 将 PHP 变量传递给 Javascript 函数

php - 如何使用mysql order by从更相似的值中仅选择一个值

javascript - 如何使用javascript执行textarea html代码onclick?

javascript - 调整大小的 Canvas - 保持最大宽度或高度而不拉伸(stretch)/填充

javascript - 如何在 cordova 中使用文件系统

html - GridView 未显示在 asp.net 网页中

PHP 类 : Need help to inherit two classes

javascript - 为什么我的代码可以在本地主机上的 Internet Explorer 版本 8 上运行,而不是在服务器上运行,但不能在 Internet Explorer 版本 10 上运行

jquery - .hide() 和 .show() 重复了太多次

html - Xhtml 过渡弹出窗口