Question

我正在尝试使用左侧的表单部分创建一个表单，背景颜色为灰色。我希望它向左浮动并有一个红色框，错误将直接显示在右侧。但是，如果您查看它在我的链接http://www.yourfantasyfootballreality.com/createleaguevalidation.php中的显示方式，您会看到该框只显示在表单下方，并且表单没有灰色背景颜色。有人可以帮我把表格背景部分变成灰色，并在右边显示红色框......

 <html><head><title>Create a League</title></head>

<body>

<center><h1>Create a League</h1></center>



<div class="form width:400px; height:200px; background-color:gray;">
<form action="createleaguevalidation.php" method="POST">
League Name:       <input style="margin-left:0px;" type="text" name="leaguename" value="<?=$leaguename?>" /><br />
Number of Members: <input type="text" name="members" value="<?=$members?>"/><br>
League Password:   <input type="password" name="leaguepassword" value="<?=$leaguepassword?>"><br>
<input type="submit" value="Register" name="action">
</form>
</div>

<div style="background-color:red; height:200px; width:200px; float:left;">
</div>

</body>
</html>

Answer 1

您的问题出在您网站的这一行：

<div class="form width:400px; height:200px; background-color:gray;">

它应该读更像是有效的东西：

<div class="form" style="width:400px; height:200px; background-color:gray;">

虽然我建议不要使用内联样式设置样式，而是使用外部样式表。这样，您就可以像这样简化html：

<div class="form">

你会有这样的css：

div.form {
     width:400px; 
     height:200px; 
     background-color:gray;
 }

此外，如果您希望红色框显示在右侧，根据您当前的样式，您需要向float: left;元素添加div.form，如下所示：

div.form {
     width:400px; 
     height:200px; 
     background-color:gray;
    float: left;
 }

表单显示元素错误

1 个答案: