我尝试使用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;
}
不确定为什么这不起作用。任何建议将不胜感激。
由于
答案 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;