CSS调整大小表无效

时间:2014-08-31 18:11:37

标签: html css

我尝试使用CSS调整表格大小。我可以很好地调整表格的宽度,但在CSS中调整高度不会产生任何影响。这是我的HTML代码

<div id="header">
    <table id="header_wrap">
        <tr><td id="title_section"><span id="title" align="left">larder.</span>
        <h5 id="subtitle" align="left">Live Well. Spend Less.</h5></td>
        <td id="menu" align="right"><span align="right"><?php if (login_check($mysqli) == true) { echo "welcome back, $username!"; } else {echo "";}?></span><span><a href="show.php"><br>Show Cupboard</a> </span><span>| <a href="protected_page.php">Home</a> </span><span>| About </span><span><?php if (login_check($mysqli) == true) { echo "<a href='includes/logout.php'>| Log out"; } else {echo "<a href='index.php'>| Log in";}?></a></span></td>
        </tr>
    </table>
</div>

我尝试调整大小的对象是&#39; header_wrap&#39;

这是我的CSS代码:

#header_wrap {
    width: 100%;
    height: 100px;
}

不确定为什么这不起作用。任何建议将不胜感激。

由于

2 个答案:

答案 0 :(得分:0)

请更正您的语法。

来自行代码</span><span><a href="show.php"><br>Show Cupboard</a> </span>

删除"<br>"

并修复此行代码<a href='index.php'>| Log in";}?></a>

你在PHP代码和HTML代码之间混合

答案 1 :(得分:0)

高度确实有效。 如果您将此代码添加到CSS并更改高度

 border: black 1px solid;