更新了模板(.dwt)和index.html启动时没有CSS样式

时间:2015-05-07 15:27:19

标签: html css templates hyperlink dreamweaver

在我的工作中,我收到了一个使用一个模板文件更新的网站。我已经对模板文件和索引文件以及几个CSS文件进行了更改。当我实时启动网站时会发生的是网站内容没有任何样式/功能。我相信我已经链接到我的头部分中的所有正确的样式链接,因为在Dreamweaver中,网站在Firefox和IE中都呈现完美的效果。我在工作中遇到了麻烦。任何帮助表示赞赏!感谢

更新:我从Dreamweaver的“修改”菜单中选择了选项:“将模板应用到页面”,它修正了一些CSS引用问题。该页面现在在IE 9中完美呈现,但在Firefox中仍然没有任何样式。任何人的想法?我现在完全被困住了。谢谢你到目前为止的所有答案!

2 个答案:

答案 0 :(得分:0)

打开Firefox开发人员工具,在“网络”选项卡中查看任何404,特别是.css文件。如果有,这意味着它无法访问该文件。

firefox network tab

目录上的权限可能有误,网络服务器(nginx / apache)可能无法访问它,或者您可能链接不正确(您的网站是在子文件夹中还是在域的根目录?你的链接需要前导斜杠吗?)。

答案 1 :(得分:0)

CSS文件的路径不正确,设置正确(绝对或相对)

<link href="file://///hqdaa0n02731-06/wtc$/css/bs_paper/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen, min-device-width, resolution" />
<link href="file://///hqdaa0n02731-06/wtc$/js/plugins/css/bootstrap-accessibility_1.0.3.css" rel="stylesheet" type="text/css" />
<link href="file://///hqdaa0n02731-06/wtc$/css/print.css" rel="stylesheet" type="text/css" media="print" />
<link href="file://///hqdaa0n02731-06/wtc$/css/wtc_home_3box_pic_option.css" rel="stylesheet" type="text/css" />
<link href="file://///hqdaa0n02731-06/wtc$/css/yamm_2014.css" rel="stylesheet" type="text/css" />

应该是这样的:

<强> ABSOLUTE

<link href="http://www.wtc.army.mil/css/yamm_2014.css" rel="stylesheet" type="text/css" />

<强> RELATIVE

<link href="/css/yamm_2014.css" rel="stylesheet" type="text/css" />