Question

我在我的网站顶部有一封电子邮件选择邮件形式为Mail Chimp，我无法更改它的大小。我希望订阅按钮与电子邮件字段位于同一行。我做错了吗？

这是我的表单代码：

if($form->isValid()) {
    try {
        $user = $this->getUser();
        $author = $user->getUsername();

        //$post->setPublishDate(new \DateTime);
        $post->setAuthor($author);

        $em = $this->getDoctrine()->getManager();
        $em->persist($post);
        $em->flush();

        if(null != $post->getId()) {
            $this->addFlash(
                'notice',
                'You have successfully created post'
            );

            return $this->render('success/success.html.twig', array(
                'test' => var_dump($pom)
            ));

        }
    } catch (SOMEEXCEPTION $e) {
        return $this->redirectToRoute('home', array(), 301);
    }
}

这是我的CSS：

<div id="mc_embed_signup">
<form action="//gleefulthings.us12.list-manage.com/subscribe/post?u=0277df98c0e296a094149262c&amp;id=87ac16e6a6" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
<div class="mc-field-group">
    <input type="email" value="your email address" name="EMAIL" class="email" id="mce-EMAIL" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
</div>
    <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
    </div>    <!-- 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;" aria-hidden="true">

<input type="text" name="b_0277df98c0e296a094149262c_87ac16e6a6" tabindex="-1" value=""></div>

    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

以下是我的测试网站的链接：http://gleefulthings.com/WPtestblog/。任何帮助深表感谢！我一直在谷歌搜索，无法弄清楚为什么它不起作用。

Answer 1

  input[type="button"], input[type="reset"], input[type="submit"], .button

{

    background-color: #111;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    padding: 16px 24px;
    text-transform: uppercase;
    width: 140px;
    float: right;
    height: 52px;
}

#mce-EMAIL
 {
    width: 89.9%;
    float: left;
}

亲爱的朋友，我在网上编辑您的网站作为我的检查元素Chrome工具，它运行正常。enter image description here这是将CSS应用到您的网站后的屏幕截图。

你有任何问题随时与我联系。

造型邮件黑猩猩形式

1 个答案: