0

ブログ用のサイトを作っています。問題は、サインアップ ボックスを作成していて、テーブル内にフォームを配置したことです。しかし、ID フィールドとパスワード フィールドにデータを入力できません。問題が解決されるように要素を配置するにはどうすればよいですか?

CSS （HTML/Head/Style要素内）

#l1 {
    position:absolute;
    top:300px;
    left:600px;
}
#tx1 {
    position:absolute;
    top:305px;
    left:672px;
}
#l2 {
    position:absolute;
    top:345px;
    left:600px;
}
#tx2 {
    position:absolute;
    top:358px;
    left:672px;
}
#tab {
    position:absolute;
    top:235;
    left:570;
    border-radius:10px;
    box-shadow:0px 0px 2px #777;
}
.e {
    color:#EE6AA7;
    font-family:Helevetica;
    font-size:17px;
}

HTML (HMTL / Body 要素内)

<form>
    <table border="1" id="tab" width="320" height="215">
        <tr>
            <p id="l1" class="e">Id</p>
            <input type="text" name="id" id="tx1" class="e1">
            <br>
            <p id="l2" class="e">Password</p>
            <input type="text" name="pswrd" id="tx2" class="e1">
        </tr>
    </table>
</form>
4

1 に答える 1

0

重要なことは、どこでも絶対位置を使用しようとしているということです。実際、絶対位置を使用してフォームを配置する場合は、1 つのメイン ブロックに対してのみ行います。そして、絶対位置なしでこのブロック内に入力を配置します。また、特にテーブル（要素なし）に関して、コードにいくつかの問題があります

したがって、ページのどこかに絶対位置を持つ div を作成し、この div 内にテーブルを配置してみてください。

http://dabblet.com/gist/6615265のようなもの

于 2013-09-18T20:24:47.517 に答える