应用模板以后,不能正常应用模板中的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
检查一下有没有断了的链接
很明显这是路径问题。不要在具体文件中更改路径,在你的模板文件中更改图片和CSS的连接路径!比如你的网站结构如下:
注:以下的“/”代表根目录!
模板文件:/Templates/news.dwt.asp
应用模板的文件:/newslist.asp
CSS路径:/CSS/font12.css
图片文件夹:/images/logo.gif
那么,根据以上的网站结构,要想让newslist.asp应用模板后得到正确的图片及CSS效果,在news.dwt.asp中的图片路径和CSS连接地址就不能根据模板文件本身去定位,而是你把他想象成newslist.asp文件去定位;所以在模板文件news.dwt.asp中应该这样连接CSS和图片:
1、用绝对路径(最保险):
<img src="/images/logo.gif" width="xxx" height="xxx">
<link href="/CSS/font12.css" rel="stylesheet" type="text/css">
2、用相对路径(有时很套人^^):
<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和图片,我个人比较喜欢用绝对路径