試圖款式超薄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形式

回答

相關問題