试图款式超薄Mailchimp形式

我想要的风格的SuperSlim Mailchimp形式去到我们的主页。我创建了一个新的div在包装这一切，复制和粘贴代码，目前它下面显示：试图款式超薄Mailchimp形式

<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中是从样式表读数，但不是当我上传的文件都住的事实。

来源

2015-03-25 Adam301

“mailChimp”是一个类，因此它通过启动。在css中不是＃：

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

页边空白未被a;关闭。另外，在mce-email中，您还没有使用a关闭宽度选项卡。

在你的CSS，你有“＃MC-嵌入式订阅”，但在HTML是否与Embedded的和订阅差距较大写的。

来源

2015-03-25 11:05:57

感谢您的回复。嵌入式的巨大差距 - 当我将它粘贴到这里时似乎是一个格式问题 - 代码没有差距。感谢您指出其他位！我不能相信我错过了那么简单的事情。但是，更新这些后，问题仍然显示在Dreamweaver中，但不在浏览器中。 – Adam301 2015-03-25 11:13:37

试图款式超薄Mailchimp形式

回答

相关问题