CSS在实况网站上显示的方式与在Codecademy上的显示方式不同

Question

我在使用Codecademys开发工具对网站进行编码时遇到问题。一旦我完成了，我尝试将它上传到我的webhotel，看看它在实际环境中的样子，但是CSS样式表似乎有些问题，因为元素是扭曲的。

链接码位：http://www.codecademy.com/codePlayer10717/codebits/gEe2CX/edit

Live网站：http://www.feelgoodadventures.no/

的代码被复制和Codecademy网站成one.com开发工具粘贴，并保存为UTF-8的index.html和US- ascii for style.css

任何想法为什么会发生这种情况？

Answer 1

你错过了你的css文件第54行的像素值 - 这似乎解决了它。

.imagelist p { 
    padding-left: 80px; 
    position: relative; 
    top: -60px; 
} 

而且，您的HTML文件（46行）内，你有

<div class="Contact"> 

应阅读：

<div class="contact"> 

CSS类是区分大小写的 - 也有类似的几个错误这通过你的HTML文件，通过验证器来运行它来捕获错误或只是通过它。