html - 表单在 1 个登陆页面上正确显示,但在其他页面上没有正确显示 - 我错过了什么?

标签 html css forms marketo

我在我们网站的两个登陆页面上嵌入了一个用 Marketo 构建的表单。我为两个页面使用了 Marketo 提供的相同 javascript(请参见下面的代码)。虽然表单在第 1 页上正确显示,但字段标签和单元格在第 2 页上显示在最左侧。

谁能解释为什么会这样,以及如何将第 2 页修改为第 1 页的样子?

第一页代码:

[column lg="3" ] [/column] [column lg="6" md="12" sm="12" xs="12" ]<h4 style="text-align: center;"><span style="color: #000000;"><strong>HEADLINE HERE</strong></span></h4><p style="text-align: center;"><span style="color: #333333;">TEXT HERE</span><br /> <br /> <script src="//app-ab05.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_1035"></form>
<script>MktoForms2.loadForm("//app-ab05.marketo.com", "578-AFO-782", 1035);</script>[/column] [column lg="3" ][/column]

第 2 页代码:

<p>[column lg="3"] [/column] [column lg="6" md="12" sm="12" xs="12" ]</p>
<h4 style="text-align: center;">TEXT GOES HERE</h4>
<p> </p>
<script src="//app-ab05.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_1035"></form>
<script>MktoForms2.loadForm("//app-ab05.marketo.com", "578-AFO-782", 1035);</script>
[/column] [column lg="3"] [/column]</p>

最佳答案

第 2 页看起来有一些第 1 页没有的额外段落元素。第 2 页也缺少第 1 页的 span 元素。我建议删除段落元素并添加 span 元素,然后查看第 2 页是否正确。试试这个:

[column lg="3"] [/column] [column lg="6" md="12" sm="12" xs="12" ]
<h4 style="text-align: center;"><span style="color: #000000;"><strong>TEXT GOES HERE</strong></span>     
</h4><br /> <br /> 
<script src="//app-ab05.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_1035"></form>
<script>MktoForms2.loadForm("//app-ab05.marketo.com", "578-AFO-782", 1035);</script>
[/column] [column lg="3"] [/column]</p>

关于html - 表单在 1 个登陆页面上正确显示,但在其他页面上没有正确显示 - 我错过了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25317462/

相关文章:

html - 从表单发送电子邮件(仅限 HTML、javascript)

jquery - 使用jQuery改变整个wordpress网站的CSS

javascript - 如何选择 div 表的第一列?

javascript - 如何跨应用程序的多个组件维护一个 js 文件而不出现任何错误

css - 内联样式的图像 Sprite ?

javascript - 使用 jQuery 创建表单克隆

html - 背景图像未调整为指定的宽度和高度

html - Bootstrap : Element with position fixed inside modal not aligned with respect to the viewport

javascript - 如何让 {{#each}} 使用这些模板?

javascript - ASP.Net MVC 使用 jquery-form 插件上传文件并返回 Json 结果