【问题标题】:Updated template (.dwt) and index.html launching without CSS styling更新的模板 (.dwt) 和 index.html 启动时没有 CSS 样式
【发布时间】:2015-05-07 15:27:18
【问题描述】:

在我的工作中,我收到了一个使用一个模板文件进行更新的网站。我对模板文件和索引文件以及几个 CSS 文件都进行了更改。当我实时启动网站时会发生什么,网站内容显示时没有任何样式/功能。我相信我已经链接到我的头部部分中的所有正确样式链接,因为在 Dreamweaver 中,这些站点在 Firefox 和 IE 中都呈现得非常好。我的工作很忙。任何帮助表示赞赏!谢谢

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

【问题讨论】:

  • 你能告诉我们网站检查或给我们完整的渲染html
  • 网站是wtc.army.mil 如果需要我也可以提供其他代码。谢谢!

标签: html css templates hyperlink dreamweaver


【解决方案1】:

打开 Firefox 开发人员工具,检查“网络”选项卡中是否存在 404,尤其是 .css 文件。如果有,则表示它无法访问该文件。

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

【讨论】:

  • 我没有看到任何 404。索引文件位于根目录中,模板文件位于名为“templates”的文件夹中。 CSS 确实需要斜杠,因为它们位于子文件夹中。很快发布我的代码。非常感谢
【解决方案2】:

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" />

应该是这样的:

绝对

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

相对

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

【讨论】:

  • 非常感谢路易斯。我会解决这个问题。在我对 CSS 进行上述更改之前或之后应用 Dreamweaver 功能是否是个好主意:将模板应用到页面?
猜你喜欢
  • 1970-01-01
  • 2022-06-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-02-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多