css2

html,body { widht:100%; height:100%;}

/******************************/

/* base */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em,  img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li, input, textarea,

fieldset, form, label, legend, textarea, select,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0; padding: 0; border: 0; outline: 0;

font-weight: normal; font-style: inherit; font-size: 15px; font-family: 宋體, arial; font-weight:normal;

vertical-align: baseline;

text-decoration:none;

/* color:#333333; */

}

body {

background: #FFF;

color: #000;

font: normal 12px Georgia, Arial, Helvetica, sans-serif;

line-height: 2em; /*行高2個字符宿進*/

background-color: #E5E5E5;

}

#py_main{

width: 826px;

height: 579px;

overflow: hidden;

display: block;

}

.titleheader {

width: 825px;

height: 36px;

background-image: url(/BlueCat/cash/images/certerbr.jpg);

overflow: hidden;

}

/*顯示搜索開始  */

.serverbg {

float: right;

    height:540px;

    width: 247px;

    margin:0; 

    overflow: hidden;

    border: 1px solid black; 

}

.serverbg .serverbase {

background-image: url(/BlueCat/cash/images/servesbg.jpg);

width: 245px;

height: 33px;

float: right;

line-height: 33px;

padding-top:4px;

}

.serverbg .serverbase span {

background-image: url(/BlueCat/cash/images/search_span_bg.jpg);

border: 1px solid #ccc;

display: block;

height: 25px;

float: left;

line-height: 23px;

padding-right: 10px; 

margin-left: 2px; 

margin-right: 5px;

}

/*黑按鈕  */

#serveralte{

width: 65px;

height: 29px;

background-image:url(/BlueCat/cash/images/rightnavs.jpg);

float: left;

padding: 0;

margin: 0;

}

#serveralte font{

color: #ffffff;

line-height: 29px;

text-align: center;

margin-left: 2px;

}

.serverbg .serverbase span img {

padding-left: 5px;

padding-bottom: 2px;

}

.serverbg.serveralte {

background-image:url(/BlueCat/cash/images/rightnavs.jpg);

float: left;

}

/*調整長度  */

.serverbg .serverbase span input {

width: 70px;

height:25px;

background-color: transparent;

border: none;

}

.serverbg .serverbase img {

vertical-align: middle;

}

/*顯示餐檯  */

#showct {

width:555px;

height:530px;

float: left;

margin-left:2px;

overflow: hidden;

}

.ctright {

background-image: url(/BlueCat/cash/images/body_bg.jpg);

width: 28%;

height: 100%;

float: right;

margin-top: 40px;

overflow: hidden;

}

.showempty {

width: 63px;

height: 63px;

background-image: url(/BlueCat/cash/images/ct-1.png);

}

.showempty span{

display: black;

font-size:16px;

text-align: center;

    display: block; 

    line-height: 35px;

}

.markuse{

width: 63px;

height: 63px;

background-image: url(/BlueCat/cash/images/ct-2.gif);

}

.markuse span{

display: black;

font-size:16px;

text-align: center;

    display: block; 

    line-height: 35px;

}

.showbackcolor{

margin-left: 10px;

margin-top: 10px;

}

.showbackcolor li {

float: left;

list-style-type: none;

margin-left:5px;

margin-top:8px;

}

/*下端帶陰影的 */

.yinying {

border-radius: 5px;

box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);

border: 1px solid rgb(204, 204, 204);

width: 40px;

height: 40px;

background-color: blue;

margin: 10px;

}

#ctinfo{

width:246px; 

height:125px;

overflow:hidden;

}

#ctinfo li{

list-style-type: none;

display:block;

overflow: hidden;

}

#ctinfo li span{

display: block;

float: right;

line-height:28px;

width:100px;

overflow: hidden;

}

#ctinfo dt a{

padding-left:5px;

line-height:35px;

font-size:15px;

color:#000000;

}

#ctinfo dd {

float:left;

}

/*餐檯消費信息 */

.ctconsume{

width: 247px;

height: 400px;

/* background-color:black; */

}

#ctconsumetitle{

width:247px; height:34px;

background-image: url(/BlueCat/cash/images/rightnavs.jpg);

}

#ctconsumetitle span{

line-height: 34px;

text-align: left;

font-size:15px;

color:#FFFFFF;

}

#tdcolor{

background-image: url(/BlueCat/cash/images/bg-2.png);

height:28px; 

border-left:1px solid #CECECE; 

border-right:1px solid #FFF; 

text-align:center;

font-size: 15px;

font-weight: bold;

}

#showleft{

border-top:1px solid #FFF;

text-align: left;

line-height: 28px;

padding-left: 1px; 

}

#showcenter{

    border-top:1px solid #FFF;

text-align:center;

line-height:28px;

}

/*搜索按鈕  */

.btnser1{

    background-image: url(/BlueCat/cash/images/search1.jpg);

width:61px;

height: 26px;

color: #FFFFFF;

font-size: 15px; 

}

///頁面開始=================

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@taglib prefix="s" uri="/struts-tags"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<jsp:include page="../../publicjsp/Public.jsp"></jsp:include>

<link href="${rt}/cash/css/PayMoneyNew.css" rel="stylesheet" type="text/css" />

<link href="${rt}/cash/css/PayCounts.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="${rt}/cash/js/PayMoney.js"></script>

<title>顧客結帳New</title>

</head>

<body onload="timers();">

  <div id="py_main">

<!--標題行開始  -->

<div class="titleheader"></div>

<!--搜索開始  -->

<div class="serverbg">

<div class="serverbase">

<div id="serveralte">

<font>訂單號:</font>

</div>

<span> <img src="${rt}/cash/images/serveriom.jpg" /> <input

id="ctname" />

</span>

<input type="button" onclick="checkctinfo();" class="btnser1"

value="肯定" />

</div>

<!--顯示餐檯信息開始 -->

<div id="ctinfo">

<li><img src="${rt}/cash/images/news.png" /> 餐檯號:

<a href="#">${order.diningTable.dinTabId}</a>

<span>點菜員:${order.waiter.empName}</span>

</li>

<li><img src="${rt}/cash/images/news.png" /> 餐檯訂單號:<a href="#">${order.orderId}</a></li>

<li><img src="${rt}/cash/images/news.png" /> 餐檯描述:<a href="#">${order.diningTable.dinTabDesc}</a>

</li>

<li><img src="${rt}/cash/images/news.png" /> 下單時間:<a href="#"><font size="2">${order.createDate}</font></a>

</li>

<li><img src="${rt}/cash/images/news.png" /> 消費金額:<a href="#"><b>${money}${order.totalMoney}${yuan}</b></a>

</li>

</div>

<!--餐檯消費信息開始  -->

<div class="ctconsume">

<div id="ctconsumetitle">

<span>餐檯消費信息:</span>

</div>

<!--顯示信息開始  -->

<div id="ctconsumeinfo">

<table id="infoTab" width="100%" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td id="tdcolor">菜品名稱</td>

<td id="tdcolor">數量</td>

<td id="tdcolor">單價</td>

<td id="tdcolor">折扣率</td>

<td id="tdcolor">金額</td>

</tr>

</tbody>

<s:iterator value="#request.detail" var="dt" status="i"> 

      <tr id="tdtext">

<td id="showleft">${i.count}.${dt.foodInfo.foodName}</td>

<td id="showcenter">${dt.foodCount}</td>

<td id="showcenter">${dt.foodInfo.foodPrice}</td>

<s:if test="#dt.foodInfo.foodDiscount==1">

<td id="showcenter">100%</td>

       </s:if>

<s:else>

<td id="showcenter">${dt.foodInfo.foodDiscount}</td>

</s:else>

<td id="showcenter"><fmt:formatNumber value="${dt.foodInfo.foodPrice*dt.foodCount*dt.foodInfo.foodDiscount}" pattern="#0.0" /></td>

</tr>

</s:iterator>

</table>

</div>

</div>

</div>

<!-- 餐檯開始 -->

<div id="showct" >

<ul class="showbackcolor">

<s:iterator value="#request.tableList" var="shwimg" status="i">

<s:if test="#shwimg.dinTabStatus==0">

<a href="#">

<li class="showempty" id="${shwimg.dinTabId}" onclick="getctinfo(${shwimg.dinTabId}) ;" ondblclick="dealwict(${shwimg.dinTabId});">

<span><b>${shwimg.dinTabId}</b>餐檯</span>

</li>

       </a>

</s:if>

<s:elseif test="#shwimg.dinTabStatus==1">

   <a href="#">

<li class="markuse" id="${shwimg.dinTabId}" onclick="getctinfo(${shwimg.dinTabId});" ondblclick="dealwict(${shwimg.dinTabId});">

<span><b>${shwimg.dinTabId}</b>餐檯</span>

</li>

   </a>

</s:elseif>

</s:iterator>

</ul>

</div>

   <!--彈出結算頁面  -->

<div id="pc_main">

        <header>

           <h2>${ctnum}號餐桌結算</h2>

        <h5>

        收銀前請覈對金額，檢查紙幣真僞!

        </h5>

</header> 

<div id="pc_main_ctinfo">

 <span >訂單號:<font color="#FFFF00">${ordersession.orderId}</font>

 </span>

 <span id="pc_user">點菜員:${servuser}</span>

</div>

<div id="pc_center">

        <!--顯示信息開始  -->

<div id="ctconsume">

<table id="ctTab"  border="0"width="100%" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td id="tdcolors">菜品名稱</td>

<td id="tdcolors">數量</td>

<td id="tdcolors">單價</td>

<td id="tdcolors">折扣率</td>

<td id="tdcolors">金額</td>

</tr>

</tbody>

      <s:iterator value="#session.detailsession" var="dts" status="i"> 

      <tr id="cttd">

<td>${i.count}.${dts.foodInfo.foodName}</td>

<td>${dts.foodInfo.foodDiscount}元</td>

<td>${dts.foodInfo.foodPrice}元</td>

<td>${dts.foodInfo.foodDiscount}</td>

<td>${dts.foodInfo.foodPrice}元</td>

</tr>

</s:iterator>

</table>

</div>

        </div >

 <!--結算信息-->

<div class="cols">

  <div class="half">

                <span>結算信息：

　　<dd>品項：項</dd>

</span>

<strong id="pymoney">

<dd>應收金額：<font size="5" color="#2fa8ed" name="OrderInfo.totalMoney">￥${ordersession.totalMoney}元</font>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;找零:<font size="5"  id="countPrice"></font>

</dd>

</strong>                        

<input type="hidden" id="rvables" value=${ordersession.totalMoney}>

                <form id="accountForm" action="orderInfo_CountPayMoney.action" method="post">

<li>

                        <label id="assount">會員號:</label>

                        <input type="text" name="assouid" id="assouid" size="20" maxlength="56" />

<label id="colletmoney">實收金額:</label>

<input type="text" name="getMomery" id="getMomery" size="20" maxlength="56" 

onblur="countMoney(this.value);"/>

</li>

                        <input type="submit" id="btn"value="結 算" onclick="resultMoney();"/>

                </form>

           </div>

</div>

<div id="bottom">

</div>

  </div>

  <!--第一DIV顯示頁結束 -->

  <!--第二個DIV找零頁開始 -->

      <div id="changMoney">

           <h2 id="changctId"></h2>

           <div id="pc_centers">

              <dd>消費訂單號:</dd>

                 <div id="pc_insertonery">

                                    實收金額:<span></span>

                 </div>

                 <div id="pc_yinshoumonery">

                                   應收金額:<span></span>

                 </div>

                <div id="pc_cgmoney">

                                     應找零:<span></span>

                </div>

             </div>

             <div id="fishbtn">

            <input type="button" id="btn"value="完 成" onclick="finshMoney();"/>

           </div>

      </div>

      <!--積分兌換開始 -->

      <div id="pc_Ings">

   </div>

</body>

</html>