我正在尝试构建一个新的JSF facelets应用程序,并且在创建xhtmls时,我编写了css和java脚本,但样式没有应用于Xhtml。即使扩展名是xhtml,我已经从普通的html文件复制了大部分代码。
XHTML代码:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- <div style="width:100%;font-size:18px;line-height:48px; background-color:navy;"> -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" />
<link rel="stylesheet" href="resources/css/main.css" type="text/css" />
<title>AMRIT</title>
<style type="text/css" title="currentStyle">
@import "resources/css/demo_page.css";
@import "resources/css/demo_table_jui.css";
@import "resources/themes/smoothness/jquery-ui-1.8.4.custom.css";
</style>
<script type="text/javascript" charset="utf-8" src="/lib/jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/lib/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );
</script>
</head>
<body>
<header id = "banner">
<div id="upperheader">
<div class="leftlogo">CREDIT SUISSE </div>
<div class="rightlogo">Model Risk Management:AMRIT </div>
</div>
<p class="clear"/>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li class="active"><a href="#">MY AMRIT</a></li>
<li><a href="#">Create Models</a></li>
<li><a href="#">Search Models</a></li>
<li><a href="#">Search Documents</a></li>
<li><a href="#">Search Actions</a></li>
<li><a href="#">Reports</a></li>
</ul>
</div>
</div>
</div>
<!--<nav>
<ul>
<li class="active"><a href="#">MY AMRIT</a></li>
<li><a href="#">Create Models</a></li>
<li><a href="#">Search Models</a></li>
<li><a href="#">Search Documents</a></li>
<li><a href="#">Search Actions</a></li>
<li><a href="#">Reports</a></li>
</ul>
<p class="clear"/>
</nav>-->
</header>
<!--</div> -->
</body>
</html>
css位于Webcontent文件夹的resources文件夹中 和xhtml在Webcontent文件夹的templetes文件夹中
请帮助我。
由于 KK