个人中心
gpt4 book ai didi

html - 在 Wordpress 中对齐中心 Aweber 表单

转载 作者：太空宇宙 更新时间：2023-11-04 15:33:49 24 4
gpt4 key购买 nike

我有这样的 Aweber 表单代码:

<!-- AWeber Web Form Generator 3.0 -->
<style type="text/css">
#af-form-560053752 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-560053752 .af-body input.text, #af-form-560053752 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-560053752 .af-body input.text:focus, #af-form-560053752 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-560053752 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-560053752 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-560053752 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-560053752 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-560053752 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/07c.png");background-position:top left;background-repeat:repeat-x;background-color:#0057ac;border:1px solid #0057ac;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-560053752 .buttonContainer input.submit{width:auto;}
#af-form-560053752 .buttonContainer{text-align:right;}
#af-form-560053752 button,#af-form-560053752 input,#af-form-560053752 submit,#af-form-560053752 textarea,#af-form-560053752 select,#af-form-560053752 label,#af-form-560053752 optgroup,#af-form-560053752 option{float:none;position:static;margin:0;}
#af-form-560053752 div{margin:0;}
#af-form-560053752 form,#af-form-560053752 textarea,.af-form-wrapper,.af-form-close-button,#af-form-560053752 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-560053752 input,#af-form-560053752 button,#af-form-560053752 textarea,#af-form-560053752 select{font-size:100%;}
#af-form-560053752 select,#af-form-560053752 label,#af-form-560053752 optgroup,#af-form-560053752 option{padding:0;}
#af-form-560053752,#af-form-560053752 .quirksMode{width:300px;}
#af-form-560053752.af-quirksMode{overflow-x:hidden;}
#af-form-560053752{background-color:#F0F0F0;border-color:#CFCFCF;border-width:1px;border-style:solid;}
#af-form-560053752{display:none;}
#af-form-560053752{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}#af-form-fb-560053752 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-fb-560053752 .af-body input.text, #af-form-fb-560053752 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-fb-560053752 .af-body input.text:focus, #af-form-fb-560053752 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-fb-560053752 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-fb-560053752 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-fb-560053752 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-fb-560053752 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-fb-560053752 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/07c.png");background-position:top left;background-repeat:repeat-x;background-color:#0057ac;border:1px solid #0057ac;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-fb-560053752 .buttonContainer input.submit{width:auto;}
#af-form-fb-560053752 .buttonContainer{text-align:right;}
#af-form-fb-560053752 button,#af-form-fb-560053752 input,#af-form-fb-560053752 submit,#af-form-fb-560053752 textarea,#af-form-fb-560053752 select,#af-form-fb-560053752 label,#af-form-fb-560053752 optgroup,#af-form-fb-560053752 option{float:none;position:static;margin:0;}
#af-form-fb-560053752 div{margin:0;}
#af-form-fb-560053752 form,#af-form-fb-560053752 textarea,.af-form-fb-wrapper,.af-form-fb-close-button,#af-form-fb-560053752 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-fb-560053752 input,#af-form-fb-560053752 button,#af-form-fb-560053752 textarea,#af-form-fb-560053752 select{font-size:100%;}
#af-form-fb-560053752 select,#af-form-fb-560053752 label,#af-form-fb-560053752 optgroup,#af-form-fb-560053752 option{padding:0;}
#af-form-fb-560053752,#af-form-fb-560053752 .quirksMode{width:300px;}
#af-form-fb-560053752.af-quirksMode{overflow-x:hidden;}
#af-form-fb-560053752{background-color:#F0F0F0;border-color:#CFCFCF;border-width:1px;border-style:solid;}
#af-form-fb-560053752{display:none;}
#af-form-fb-560053752{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-fb-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}
</style>
<iframe name="af-iframe" id="af-iframe-560053752" src="http://forms.aweber.com/form/52/560053752.htm" style="margin: -10px !important; width: 318px !important;" width="300px" height="333px" allow-transparency="true" scrolling="no" frameBorder="0"></iframe><script type='text/javascript'></script><script type="text/javascript">
    <!--
    (function() {
        var IE = /*@cc_on!@*/false;
        if (!IE) { return; }
        if (document.compatMode && document.compatMode == 'BackCompat') {
            if (document.getElementById("af-form-560053752")) {
                document.getElementById("af-form-560053752").className = 'af-form af-quirksMode';
            }
            if (document.getElementById("af-body-560053752")) {
                document.getElementById("af-body-560053752").className = "af-body inline af-quirksMode";
            }
            if (document.getElementById("af-header-560053752")) {
                document.getElementById("af-header-560053752").className = "af-header af-quirksMode";
            }
            if (document.getElementById("af-footer-560053752")) {
                document.getElementById("af-footer-560053752").className = "af-footer af-quirksMode";
            }
        }
    })();
    -->
</script>

我把它放在我的 wordpress 页面上，然后在 style.css 中添加:

#af-form-560053752 .af-element {float: center;}

但是表格并没有往中间走，而是在左边。网址是:www.zupertop.com

我已经尝试了两个小时的谷歌搜索解决方案，但没有找到任何运气。我做的有什么问题吗？

先谢谢你:)

最佳答案

只要改变这个

<iframe name="af-iframe" id="af-iframe-560053752" src="http://forms.aweber.com/form/52/560053752.htm" style="margin: -10px !important; width: 318px !important;" width="300px" height="333px" allow-transparency="true" scrolling="no" frameBorder="0"></iframe><script type='text/javascript'></script><script type="text/javascript">

通过

<iframe name="af-iframe" id="af-iframe-560053752" src="http://forms.aweber.com/form/52/560053752.htm" style="margin: -10px !important; width: 100% !important;" width="300px" height="333px" allow-transparency="true" scrolling="no" frameBorder="0"></iframe><script type='text/javascript'></script><script type="text/javascript">

关于html - 在 Wordpress 中对齐中心 Aweber 表单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13043098/

24 4 0
文章推荐： css - 使用 css、twitter-bootstrap 和 simple_form 对单个 bool 值的复选框进行分组
文章推荐： jquery - thead 和 tbody 与 jQuery DataTables 的不同对齐方式
文章推荐： javascript - 存储许多客户端 Javascript 静态变量的最佳实践
文章推荐： html - 使元素占用的空间不超过分配的空间
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com