0

我正在为我们的网站使用 jquery tabSlideOut 插件,它工作正常。这是一些你可以看到它工作正常的网址

http://www.bba-reman.com/ http://www.bba-reman.com/content.aspx?content=how_to_contact_bba_reman_it

但是当您访问此页面http://www.bba-reman.com/catalogue/Register.aspx时,您会注意到 UI 混乱。这是屏幕截图在此处输入图像描述

所以请查看我的页面并告诉我我在哪里犯了导致这个问题的错误。请指导我需要修改的内容。谢谢

4

1 回答 1

0

在注册页面中,您的输入字段比站点的其他部分要长。根据元素检查器,register.aspx 中有一行 CSS input[type=text], input[type=password] {width: 300px;}:。此规则是通用的,会影响页面上的所有输入字段,包括注册表单中的输入字段和滑出选项卡中的输入字段。

选项是:

  1. 删除该规则。该选项卡看起来不错,但注册表单中的输入字段看起来不对齐。
  2. 使用更具体的 CSS 规则仅影响注册表单中的输入字段: #Register input[type=text] {width: 300px;}

作为旁注,我建议避免使用内联和文件内 CSS,这会使一切变得混乱。

于 2013-10-07T13:22:12.707 回答