Question

我试图设置超级邮件Mailchimp表单以进入我们的主页。我创建了一个新的div来包装它，并复制并粘贴代码，目前它出现在下面：

<div class="mailChimp">
    ****Copied Code****
   <form action="blahblahblah" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
   <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email Address" required>
</div>
<div class="clear">
    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-   subscribe" class="button">
</div>

然后在我的CSS中：

#mailChimp{
    max-width:245px;
    margin-left: 55px
}

#mce-EMAIL{
    margin-bottom: 5px;
    margin-top: 5px;
    width: 95%
}

#mc-embedded-subscribe {
    margin-bottom: 5px;
    margin-top: 5px;
}

现在，这似乎附加了正确的ID，因为它在Dreamweaver中正确显示。但是，当我将文件上传到服务器时，没有应用任何CSS样式。

没有一个css正在申请，这令人沮丧！甚至div ID mailChimp也不是。我甚至无法在被检查的元素中找到它。

我是否错误地选择了ID？

主要的混淆来自于它在Dreamweaver中正确显示，它正在从样式表中读取，但不是在我实时上传这两个文件时。

Answer 1

'mailChimp'是一个类，所以它以a开头。在css中不是＃：

.mailChimp{
max-width:245px;
margin-left: 55px;
}

左边缘没有被关闭;。此外，在mce-email中，您尚未使用;。

关闭宽度选项卡

在你的css中，你有'＃mc-embedded-subscribe'，但在HTML中它是嵌入式和订阅之间的差距。

尝试风格超级超薄Mailchimp形式

1 个答案: