0

左側のフォーム パーツが灰色の背景色のフォームを作成しようとしています。これを左にフロートさせ、エラーが直接右に表示される赤いボックスを用意します。しかし、私のリンク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>
4

1 に答える 1

4

問題は、サイトの次の行にあります。 

<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;
 }

また、赤いボックスを右側に表示したい場合は、現在のスタイルを考慮して、次のように要素にa を追加float: left;します。div.form

div.form {
     width:400px; 
     height:200px; 
     background-color:gray;
    float: left;
 }
于 2012-07-22T22:18:24.210 に答える