0

ホームページ全体の背景にしたい画像の上にフォームを配置しようとしていました。すべて正常に動作します。唯一の問題は、テーブルにいくつかのピクセルを配置して、さらに 50 を下に配置したいということです。また、テーブルを右端ではなく、30 ピクセル前に配置したいと思います。何か案は ？

これは私のhtmlコードです:

<html>

<head>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="text">

<div class="homepageTable"     width:40px;   margin-right:auto;   margin-left:auto;   style="text-align:right" >
            <form action="#" method="post">
                <input type="text"  size="25"  name="first_name"        placeholder="first name"><br/>
                <input type="text"  size="25"  name="last_name"         placeholder="last name"><br/>
                <input type="text"  size="25"  name="email"             placeholder="email"><br/>
                <input type="text"  size="25"  name="retype_email"      placeholder="retype your email"><br/>
                <input type="text"  size="25"  name="password"          placeholder="password"><br/>
                <input type="text"  size="25"  name="retype_password2"  placeholder="retype your password"><br/><br/>

                    <input type="checkbox" name="I_accept_terms" value=" "><br/>

                <input type="submit" value="" name="submit" style="background:url('img/login_button_1.jpg') no-repeat; width:300; height:50; border:none;"/>

            </form>
        </div> 

</div>

</body>
</html>

これは私のcssファイルです：

#text 
{
width: 961px;
height:219px;
position: relative;
background-image: url(../img/back_img_green.jpg);
background-repeat: none;
}

何か案は ？ありがとうステファノス

4

1 に答える 1

0

相対的に配置された div 内に画像を絶対に配置します。次に、必要な左上からのオフセットでフォームを絶対に配置し、フォームの z-index を高くします。それか、画像をdivの背景に設定します。

于 2012-11-14T13:00:20.960 に答える