📄 member_center.html

📁 网上商店使用jsp开发网上商店系统 4.1环境准备为了利用JSP技术,首先需要建立环境。
💻 HTML
📖 第 1 页 / 共 2 页
字号:
12 下一页
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>会员中心 ${systemConfig.getStringConfigValue("webtitle")}</title>
<link href="../css/light.css" rel="stylesheet" type="text/css">
<link href="../css/light.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../css/mall_tbsp.css@t=20080730.css" />
<link rel="stylesheet" type="text/css" href="../css/mall_base.css@t=20080730.css" />
<link  rel="stylesheet" type="text/css" href="../css/mall_common.css@t=20080730.css" />	
<link  rel="stylesheet" type="text/css" href="../css/mall_exhibit.css@t=20080730.css" />
<style type="text/css">
<!--
body {
	width: 987px;
	background-color:white;
	padding:0px;
	margin:auto;
	margin:auto;
	font-size:small;
	float: none;
	clear: both;
}
/*global def*/
a:link{color:#656565}
a:visited{color:#656565}
a:hover{color:#656565}
a:active{color:#656565}

/**/
#headWrap {
	height: 87px;
	position: relative;
	font-size:small;
	background: url(../imgs/logoBg.png) no-repeat 43px;
}
#navWrap {
	height: 30px;
	background: url(../imgs/bgSet.png) repeat-x 0px 0px;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	padding: 5px 0;
	width: inherit;
}
#headWrap #headLogo {
	position: absolute;
	left: 18px;
	top: 8px;
}
#headWrap #headStatus {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 25px;
	background: #eaeaea url(../imgs/headBg.png) no-repeat left top;
	padding-right: 0px;
	padding-left: 10px;
	line-height: 25px;
	overflow: hidden;
}
#headWrap #headStatus .rightBg {
	background: url(../imgs/headBg.png) no-repeat right -30px;
	padding-right: 10px;
}
#headWrap #headStatus a {
	font-size:small;
	color:#0054b4;
}

#headWrap #headStatus a:link {
	color:#0054b4;
}
#headWrap #headStatus a:hover{
	color:#0054b4;
}
#headWrap #headHotPoint {
	line-height: 16px;
	width: 450px;
	position: absolute;
	top: 33px;
	right: 0px;
	text-align:right;
}
#headWrap #headHotPoint a {
font-size:small;
color:#999;
}
#headWrap #headHotPoint a:link {
color:#999;
}
#headWrap #headHotPoint a:visited {
color:#999;
}
#headWrap #headHotPoint a:hover {
color:#999;
}
#headWrap #searchBar {
	height: 26px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background: #e3e3e3 url(../imgs/headBg.png) no-repeat left -60px;
	width: 560px;
	padding-left: 20px;
	line-height: 26px;
	z-index: 2;
}
#headWrap #bottomLine{
	position: absolute;
	height: 6px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: #e3e3e3;
	font-size: 1px;
	overflow: hidden;
}
#headWrap #searchBar #form1 .submit {
	background: #999999 url(../imgs/headBg.png) no-repeat left -90px;
	height: 19px;
	width: 26px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#headWrap #searchBar form {
	margin: 0px;
	padding: 0px;
}
/**/
#navWrap #navTable td.firstChild {
}
#navWrap #navTable td {
border-left:1px solid #B22322;
border-right:1px solid #9c0001;
text-align:center;
}
#navWrap #navTable td.lastChild {
}
#navWrap #navTable td a
{
	font-size:medium;
	color:white;
}
#navWrap #navTable td.scrollAD a{
color:white;
font-size:small
}
/**/
#contentWrap #hotIntroductWrap #announcementWrap {
	height: 227px;
	width: 198px;
}
#contentWrap #hotIntroductWrap #announcementWrap {
	position: relative;
	background: url(../imgs/bgSet.png) repeat-x 0px -80px;
	border: 1px solid #ccc;
	float: left;
}
#contentWrap #hotIntroductWrap #announcementWrap .title {
	height: 47px;
	line-height: 47px;
	font-size: large;
	font-weight: bold;
	color: #666666;
}
#contentWrap #hotIntroductWrap #announcementWrap .content ul li {
	font-size: small;
	line-height: 24px;
	color: #656565;
	list-style: url(../imgs/arrow1.png);
	display: block;
	border-bottom: 1px dashed #bfbfbf;
}
#contentWrap #hotIntroductWrap #announcementWrap .content a {
	display: block;
	border-bottom: 1px dashed #bfbfbf;
}
#contentWrap #hotIntroductWrap #announcementWrap .content ul {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	margin-left: 12px;
}
#contentWrap #hotIntroductWrap #announcementWrap {
	float: left;
	width: 203px;
}
#contentWrap #hotIntroductWrap .picAd {
	float: left;
	width: 547px;
	height: 230px;
	margin-left: 8px;
	margin-right: 8px;
}
#contentWrap #hotIntroductWrap .bestSell {
	float: left;
	width: 212px;
	border: 1px solid #676767;
}
#contentWrap #hotIntroductWrap .bestSell > .title {
	height: 38px;
	color: #666;
	padding: 7px 0 0 7px;
	font-weight: bold;
	background: url(../imgs/hotWeekSell.png) no-repeat left bottom;
}
/*rich*/
#contentWrap #hotIntroductWrap .bestSell .itemList .richItem {
	position: relative;
	height: 83px;
}
#contentWrap #hotIntroductWrap .bestSell .itemList .richItem .itemPic {
	position: absolute;
	height: 62px;
	width: 62px;
	left: 13px;
	top: 11px;
	border: 1px solid #666;
}
#contentWrap #hotIntroductWrap .bestSell .itemList .richItem .itemInfo {
	position: absolute;
	width: 120px;
	left: 93px;
	top: 5px;
}
#contentWrap #hotIntroductWrap .bestSell .itemList .richItem .itemInfo .title {
	font-size: small;
	color: #000000;
	font-weight: normal;
	background: url(../none);
	height: auto;
}
#contentWrap #hotIntroductWrap .bestSell .itemList .richItem .itemInfo .price {
	color: #FF0000;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contentWrap #hotIntroductWrap .bestSell .itemList .richItem .itemInfo .moreLink {
	color: #666;
	text-align: right;
}
.line{
	border-style:solid;
	border-width:1px;
	border-color:#808080 #fff #fff #808080;
	width:95%;
	clear:both;
}
div.line{
	border-style:solid;
	border-width:1px;
	border-color:#808080 #fff #fff #808080;
	width:95%;
	height:0px;
	overflow:inherit!important;/*没有这个dreamweaver 显示不正常*/
	overflow:hidden;
	clear: both;
	float: none;
	margin:auto;
	line-height:0px;
}
#contentWrap #secondaryContent #sideContent {
	width: 205px;
	float: left;
}
#contentWrap #secondaryContent {
	clear: both;
	float: none;
}
#contentWrap #secondaryContent #sideContent .sideCell {
	border-top: none;
	background: url(file:///E|/site/none);
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-top: 15px;
	padding-bottom: 15px;
}
#contentWrap #secondaryContent #sideContent .sideCell > .title {
	line-height: 24px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(file:///E|/site/imgs/bar3.png) no-repeat 0px 0px;
	text-align: left;
	height: 24px;
	padding-left: 10px;
	font-size: medium;
}
#contentWrap #secondaryContent #sideContent .catelogList .itemList {
	padding-left: 16px;
	padding-right: 16px;
}
#contentWrap #secondaryContent #sideContent .catelogList .catelogName {
	line-height: 22px;
	font-weight: bold;
	color: #cc0000;
	margin: 20px 0 0 0;
}
#contentWrap #secondaryContent #sideContent .catelogList .itemList .catelogContent {
	line-height: 18px;
}
#contentWrap .itemList .richItem {
	position: relative;
	height: 83px;
}
#contentWrap .itemList .richItem .itemPic {
	position: absolute;
	height: 62px;
	width: 62px;
	left: 0px;
	top: 11px;
	border: 1px solid #666;
}
#contentWrap .itemList .richItem .itemInfo {
	position: absolute;
	width: 95px;
	left: 70px;
	top: 10px;
}
#contentWrap .itemList .richItem .itemInfo .price {
	color: #FF0000;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contentWrap .itemList .richItem .itemInfo .moreLink {
	color: #666;
	text-align: right;
}
#contentWrap #secondaryContent #sideContent .sideCell .itemList .richItem {
}
#contentWrap #secondaryContent #sideContent .sideCell  .itemList {
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #e3e3e3;
}
#contentWrap #secondaryContent #sideContent .sideCell  .itemList .richItem .itemInfo .title{
	color: #0052B4;
	font-weight: bold;
	line-height: 20px;
}
#contentWrap #secondaryContent #sideContent .sideCell  .itemList .richItem .itemInfo .price {
	font-weight: bold;
	color: #ff6600;
	line-height: 18px;
}
#contentWrap #secondaryContent #sideContent .sideCell  .itemList .linkItem {
	line-height: 20px;
	margin: 4px 0;
	color: #666;
}
/*No*/
.No1 {
12 下一页
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -