css – try it

#nav {
float:left;
width:200px;
margin:0;
padding:0;
}
#nav ul {
}
#nav li {
float:left;
padding-bottom:5px;
}
#nav li.login a {
display:block;
background:url(../images/login.jpg) no-repeat;
width:100px;
line-height:28px;
text-indent:36px;
color:#4c869c;
}
#nav li.login a:hover {
color:#000000;
background-position:bottom;
}
#nav li.shopcar a {
display:block;
background:url(../images/buy.jpg) no-repeat;
width:100px;
line-height:28px;
text-indent:36px;
color:#4c869c;
}
#nav li.shopcar a:hover {
color:#000000;
background-position:bottom;
}
#nav ul.ad li {
margin:0;
padding:3px 0px 0px 0px;
}

#content {
background-color:#FFFFFF;
padding:10px;
width: 530px;
float: right;
margin-bottom:10px;
overflow:auto;
}
#content span {
float:left;
width:126px;
height:133px;
margin:12px 3px 0 3px;
}

/*=============版權宣告=======================*/
#footer {
clear:both;
font-size: 11px;
color: #a59687;
text-align: center;
padding-top: 6px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cfcfcf;
line-height:18px;
}
#footer a {
color:#4c869c;
}
#footer a:hover {
color:#fc92b0;
}

本篇發表於 Javascript專區, 程式設計。將永久鏈結加入書籤。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

*

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>