jsp文件中的CSS样式为什么在dreamweaver中能显示,而在myeclipse经过tomcat服务器就不行?_html/css_WEB-ITnose
程序员文章站
2022-05-17 11:58:22
...
jsp文件中的css样式在dreamweaver中能显示;而在myeclipse中经过tomcat6运行却显示不出来?
css样式是写在jsp文件中的。不存在路径问题。
也应该没有重复的div
如图:
dreamweaver中这样:
myeclipse运行后成这样:
这是css样式代码:
/*==商品分类==*/
/*.sp{width:930px; border-left:#D0D0D0 1px solid; border-right:#D0D0D0 1px solid; margin:0px auto; height:37px; line-height:37px;}*/
.sp{position:absolute; left:9%;width:198px;height:450px; top:538px; border-top:#D0D0D0 1px solid; border-bottom:#D0D0D0 1px solid;}
.sortpic{position:absolute; left:9%;width:198px;height:450px; top:538px; border-top:#D0D0D0 1px solid; border-bottom:#D0D0D0 1px solid;}
.menustyle{height:32px; position:relative; margin-top:5px;}
.menustyle h2{position:absolute; left:-12px; width:230px; height:32px; line-height:24px; color:#FFFFFF; font-size:14px; background-image:url(images/menubg.gif); text-indent:20px; z-index:99;}
.prod_sort dl dt{clear:both; height:10px; background-color:#EAEAEA; margin:0px; color:#000000; font-weight:bold; text-indent:10px;}
.prod_sort dl dd{float:left; width:40px; padding-left:0px; height:20px; line-height:20px; margin-left:20px; text-indent:0px; overflow:hidden; display:inline; background:url(images/point.gif) no-repeat 0px 9px;}
.prod_sort dl dd a{color:#000000;}
.prod_sort dl dd a:visited{color:#000000;}
这是html代码:
css样式是写在jsp文件中的。不存在路径问题。
也应该没有重复的div
如图:
dreamweaver中这样:
myeclipse运行后成这样:
这是css样式代码:
/*==商品分类==*/
/*.sp{width:930px; border-left:#D0D0D0 1px solid; border-right:#D0D0D0 1px solid; margin:0px auto; height:37px; line-height:37px;}*/
.sp{position:absolute; left:9%;width:198px;height:450px; top:538px; border-top:#D0D0D0 1px solid; border-bottom:#D0D0D0 1px solid;}
.sortpic{position:absolute; left:9%;width:198px;height:450px; top:538px; border-top:#D0D0D0 1px solid; border-bottom:#D0D0D0 1px solid;}
.menustyle{height:32px; position:relative; margin-top:5px;}
.menustyle h2{position:absolute; left:-12px; width:230px; height:32px; line-height:24px; color:#FFFFFF; font-size:14px; background-image:url(images/menubg.gif); text-indent:20px; z-index:99;}
.prod_sort dl dt{clear:both; height:10px; background-color:#EAEAEA; margin:0px; color:#000000; font-weight:bold; text-indent:10px;}
.prod_sort dl dd{float:left; width:40px; padding-left:0px; height:20px; line-height:20px; margin-left:20px; text-indent:0px; overflow:hidden; display:inline; background:url(images/point.gif) no-repeat 0px 9px;}
.prod_sort dl dd a{color:#000000;}
.prod_sort dl dd a:visited{color:#000000;}
这是html代码:
回复讨论(解决方案)
可能是css加载的路径问题,你直接可以先访问以下你的ccs文件,确认一下路径是否正确
问题已经解决。我从头一点一点的加入代码,彻查了代码,终于发现原因。原来一个css样式的后面少了“}”。实在很隐秘,不过也亏别人提醒的方法。