-2

名前のフォームを中央に配置するために、過去 1 時間にわたって検索してきましたが、この時点まで苦労しているので、ここで質問することにしました。はい、私はこの場所を検索しました..

私のHTML：

<div id="main" class="main">
    <table border="0" class="container1">
        <tr>
            <td>
                <p>
                    <img src="images/doesitfit.png" />
                </p>
            </td>
        </tr>
    </table>
    <table border="0">
        <div class="container2">
            <input type="text" value="Enter Your First Name" id="form" onblur="javascript:if(this.value=='')this.value='Enter Your First Name';" onclick="javascript:if(this.value=='Enter Your First Name')this.value='';"></input>
        </div>
    </table>
</div>

私のCSS：

.main {
    background-color: rgba(11, 11, 11, 0.8);
    width: 800px;
    height: 550px;
    border-radius:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    min-height: 10em;
    height:100%;
    overflow:hidden;
}
.container1 {
    table-layout: fixed;
    height:50%;
    overflow:hidden;
    width: 802px;
    border-color:#ff0000;
    border-radius:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    min-height: 10em;
    color:white;
    margin: auto;
}
.container2 {
}
#form {
    font-size: 19px;
    border: 0px solid;
    color: #7a7a7a;
    height:28px;
    width:295px;
    text-align:center;
    margin: auto;
}

また、メールや電話番号などのフォーム (入力) をいくつか追加する予定です。

最終的に何らかの助けが得られることを願って、SOFに感謝します。

4

3 に答える 3

0

これを試して：

form {
margin-left:auto;
margin-right:auto;
}
于 2013-09-22T09:29:46.137 に答える
-1

入力をフォーム要素にラップし、CSS のフォームの前に # 記号を失います

<form>
  <input type="text" value="Enter Your First Name" onblur="javascript:if(this.value=='')this.value='Enter Your First Name';" onclick="javascript:if(this.value=='Enter Your First Name')this.value='';">></input>
</form>


form {
  font-size: 19px;
  border: 0 solid;
  color: #7a7a7a;
  height: 28px;
  width: 295px;
  text-align: center;
  margin: 0 auto;
}

または、入力 ID フォームを保持する場合

<input type="text" value="Enter Your First Name" id="form" onblur="javascript:if(this.value=='')this.value='Enter Your First Name';" onclick="javascript:if(this.value=='Enter Your First Name')this.value='';">></input>


#form {
  display: block;
  font-size: 19px;
  border: 0 solid;
  color: #7a7a7a;
  height: 28px;
  width: 295px;
  text-align: center;
  margin: 0 auto;
}
于 2013-09-22T09:35:48.650 に答える