Question

我正在陷入困境,边际和顶部似乎不可行。并调整我的形式。我希望形式(label-> 投入箱)低于背景的逻辑框架。

目前,我有:

<>光>:

    <div class="column-right-login">
          <form action="http://www.domain.co.nz/login" method="post" enctype="multipart/form-data" id="homeLogin">
             <label for="email">Email Address: </label><input type="text" name="email" value="" />
             <label for="password">Password: </label><input type="password" name="password" value="" />
              <br />
              <a href="http://www.domain.co.nz/forgot-password">Forgotten Password</a><br />
              <br />
              <a onclick="$( #login ).submit();" class="button"><span>Login</span></a>
          </form>
    <script type="text/javascript"><!--
    $( #login input ).keydown(function(e) {
        if (e.keyCode == 13) {
            $( #login ).submit();
        }
    });
    //--></script>   

</div>

CSS:

    .column-right-login{
    background:url( ../image/login.png ) no-repeat;
    width:335px;
    height:154px;
}

例:

“entergraph

<>Update:

I now have the code below but I cannot get my form to align:

<>光>:

<div class="column-right-login">
          <form action="http://www.domain.co.nz/login" method="post" enctype="multipart/form-data" id="homeLogin">
             <label for="email">Email Address: </label><input type="text" name="email" value="" />
             <label for="password">Password: </label><input type="password" name="password" value="" />
              <a href="http://www.domain.co.nz/forgot-password">Forgotten Password</a>
              <a onclick="$( #login ).submit();" class="button"><span>Login</span></a>
          </form>
    <script type="text/javascript"><!--
    $( #login input ).keydown(function(e) {
        if (e.keyCode == 13) {
            $( #login ).submit();
        }
    });
    //--></script>   

</div>

CSS:

.column-right-login{
    background:url( ../image/login.png ) no-repeat;
    width:335px;
    height:154px;
    padding: 30px 0px 0px 10px; /* top right bottom left */
}

例:

enter image description here

Answer 1

也许,你希望利用dding:

.column-right-login{
 background:url( ../image/login.png ) no-repeat;
 width:335px;
 height:154px;
 padding: 80px 0px 0px 50px; /* top right bottom left */
 }

请知道,婚礼会增加高/高,因此,你必须加以调整(根据你目前用于婚礼的胎数计算,例如,我的 example=335 - 50,高=154 - 80)。

如果你想在形式上使用差值,而不是工作,那么,仅增加一点。

  display: block;

页: 1 我不记得它是否违约——4AM :

友情链接