应用模板以后，不能正常应用模板中的css样式和显示图片，请高手指教！！

http://topic.csdn.net/t/20060524/15/4775619.html

将以前所作网页重复的地方做成模板，然后重建了几个网页替换了以前没有用模板的网页。但是按照下面的几个步骤作了以后，就发生了奇怪的问题：不能正常应用模板中的css样式和显示图片。  
   
  1.建立模板  
  2.应用模板建立新的文件（abc_new.htm）,准备替换以前的文件（abc.htm）。两者内容一样，只是应用模板的区别。  
  3.将abc.htm删除，将abc_new.htm改名为abc.htm  
   
  问题出现了：用F12单独运行任何一个网页都没有问题（包括模板文件），但是通过主页的链接访问以上改过的文件，就不能正常应用模板中的css样式和显示图片。

 

=============================

说的就是你css和图片的链接是不是对，你可以使用   
  shift   +   f8  
  检查一下有没有断了的链接

 

 

很明显这是路径问题。不要在具体文件中更改路径，在你的模板文件中更改图片和ＣＳＳ的连接路径！比如你的网站结构如下：  
  注：以下的“／”代表根目录！  
   
  模板文件：/Templates/news.dwt.asp  
  应用模板的文件：/newslist.asp  
  ＣＳＳ路径：/CSS/font12.css  
  图片文件夹：/images/logo.gif  
   
  那么，根据以上的网站结构，要想让newslist.asp应用模板后得到正确的图片及ＣＳＳ效果，在news.dwt.asp中的图片路径和ＣＳＳ连接地址就不能根据模板文件本身去定位，而是你把他想象成newslist.asp文件去定位；所以在模板文件news.dwt.asp中应该这样连接ＣＳＳ和图片：  
   
  １、用绝对路径（最保险）：  
  <img   src="/images/logo.gif"   width="xxx"   height="xxx">  
  <link   href="/CSS/font12.css"   rel="stylesheet"   type="text/css">  
   
  ２、用相对路径（有时很套人^^）：  
  <img   src="images/logo.gif"   width="xxx"   height="xxx">  
  <link   href="CSS/font12.css"   rel="stylesheet"   type="text/css">  
   
  错误的相对路径表示：  
  <img   src="../images/logo.gif"   width="xxx"   height="xxx">  
  <link   href="../CSS/font12.css"   rel="stylesheet"   type="text/css">

 

 

路径问题：   
  本目录　a.css  
  上一目录　../a.css  
  本目录内abc目录abc/a.css  
  与本目录同级的bcd目录　../bcd/a.css  
  本目录的上级目录　../a.css  
  本目录的上级目录的上级目录　http://www.cnblogs.com/a.css

 

 

应该是网页链接CSS和图片的路径不对，你的主页或模板和链接的网页应该不是在同一级目录中的。   
  如果页面不在同一级目录内，引用CSS和图片，我个人比较喜欢用绝对路径