WEB简单网页制作.docVIP

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml xmlns:v=urn:schemas-microsoft-com:vml xmlns:o=urn:schemas-microsoft-com:office:office head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleBaby Housing 儿童用品网上商店/title style type=text/css body{ margin:0; padding:0; background: white url(images/header-background.png) repeat-x; font:12px/1.6 arial; } ul{ margin:0; padding:0; list-style:none; } a{ text-decoration:none; color:#3D81B4; } p{ text-indent:2em; } /************** Header ********************************************/ .header{ position:relative; width:760px; height:138px; margin:0 auto; font:14px/1.6 arial; } .header h1{ background:transparent url(images/title.png) no-repeat bottom left; height:63px; margin:0; margin-left:40px; } .header .logo{ position:absolute; top:10px; left:0px; } .header h1 span{ display:none; } .header .topNavigation{ position:absolute; top:0; right:0; } .header .topNavigation li{ float:left; padding:0 2px; } .header .mainNavigation{ position:absolute; color:white; font-weight:bold; top:88px; left:0; } .header .mainNavigation li{ float:left; padding:5px; } .header .accountBox{ position:absolute; top:44px; right:10px; } .header .accountBox li{ float:left; top:0; right:0; width:93px; height:110px; text-align:center; } .header .accountBox span{ display:none; } .header .accountBox a{ display:block; height:110px; width:93px; float:left;/* For Ie 6 bug */ } .header .accountBox .login{ background:transparent url(images/account-left.jpg) no-repeat; } .header .accountBox .cart{ background:transparent url(images/account-right.jpg) no-repeat; } .header .accountBox .login:hover{ background:transparent url(images/account-left.jpg) no-repeat left bottom ; } .header .accountBox .cart:hover{ background:transparent url(images/account-right.jpg) no-repeat left bottom ; } .header .top