Question

我在按钮排队时遇到问题。以下是他们的目标：

enter image description here

这是我希望他们做的事情：

enter image description here

这是我的代码：

  @using (Html.BeginForm("Logon2", "Account", FormMethod.Post))
  { 
    <div>
        <fieldset>
            <legend>Login</legend>

            <div class="editor-label">  
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field focus">
                @Html.TextBoxFor(m => m.UserName, new { @class = "GenericTextBox", onkeyup = "enableLogonButton()" })
                @Html.ValidationMessageFor(m => m.UserName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password, new { @class = "GenericPasswordBox", onkeyup = "enableLogonButton()" })
                @Html.ValidationMessageFor(m => m.Password)
            </div>
          <br/>

            <p>
              <input type="submit" disabled="disabled" value="Log On" onclick="DisableSubmitButton()"/>        
              <script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=HWXeUzAbOxyxKnb28ueDib8UFmw5ek2tyWQ6mXXt6Q06AQAlQrAtpBz"></script>
            </p>        

          <p>
            If you need to retrieve your username @Html.ActionLink("click here.", "ForgotUsername", "Account")<br/>
            If you need to reset your password @Html.ActionLink("click here.", "ForgotPassword", "Account")
          </p>

        </fieldset>
    </div>
}

我甚至不确定如何让它们相互显现。

有什么建议吗？

Answer 1

尝试查看chrome元素检查器，从Godaddy加载什么类型的对象。它将具有一些类或ID，然后在CSS文件中使用此类或Id名称创建规则：

.class-of-godaddy-element {
   position:relative;
   top: 5px; //this may be change according to your style
}

看看这个，我在JS Fiddle上做了同样的例子：

http://jsfiddle.net/zur4ik/TUGup/7/

Answer 2

在Chrome中你可以“生活”编辑你的css，只需点击元素并转到“检查元素”

生病了：

     <div style="
float: left;
margin-top: 3px;
margin-right: 10px;
      ">
          <input type="submit" disabled="disabled" value="Log On" onclick="DisableSubmitButton()"/>        
    </div>
    <div>
          <script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=HWXeUzAbOxyxKnb28ueDib8UFmw5ek2tyWQ6mXXt6Q06AQAlQrAtpBz"></script>
    </div>

不知道你的布局css是怎样的，但是它给你一个基本的想法

Answer 3

将类名“get_in_middle”提供给p标签，该标签同时包含登录和图像。然后放置这个CSS，

p.get_in_middle input,p.get_in_middle img{
    vertical-align:middle;
}

http://jsfiddle.net/TUGup/9/

Answer 4

根据GoDaddy Javascript输出的内容，您可能只需要这个CSS：

input[value='Log On'] {vertical-align:17px}

你不需要调整你的HTML，或者试图弄清楚GoDaddy印章使用的类名。

在我的表单上排列一些对象时遇到问题

4 个答案: