在同一行上订阅表单字段和按钮

时间:2014-06-20 17:09:15

标签: wordpress mailchimp

我正在尝试使用电子邮件字段和提交按钮设置mailchimp订阅表单的样式。我希望他们两个都在同一条线上,但我似乎没有尝试任何工作。它适用于Wordpress平台上的fancybox弹出窗口(如果该信息与之相关)。我试过把左边的那个字段和右边的按钮漂浮起来,没有运气。我做错了什么?

以下代码:

<!-- Begin MailChimp Signup Form -->

<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup input.email {display: block;
padding: 8px 0;
margin: none !important;
text-indent: 5px;
width: 58%;
min-width: 130px;}

#mc_embed_signup input.button { 
float: right; 
position: relative; 
top: -25px; 
} 
</style>
<div id="mc_embed_signup">
<form action="http://entertainment.us3.list-manage.com/subscribe/post?9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <input style="float:left;" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
        <input style="float:right; margin-right:75px;" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_7b66660df" tabindex="-1" value=""></div>

</form>
</div>

<!--End mc_embed_signup-->

0 个答案:

没有答案