XHTML的一个实例,其实这个实例的方法已经可以实现所有要实现的布局.byEmerald绿色学院-GreenI

TD XHTML 2.0//EN" "TBD">






robots" content="index,follow" />
开发, Xoops 测试,e统天下,E统天下,rss 订阅,rss,订阅." />










没你看到的那么长的 CSS 类, 那些类是我别的定义用到的,

真正用到的类是:

/********* header *********/

div#h {

margin:0px;

width:100%;

background-color:ffffff;

height:98px;



}

div#h ul {

text-align:center;

FLOAT: left;

margin:0px;

}

div#h li{

LIST-STYLE-TYPE: none;

DISPLAY: block;

FLOAT: left;

margin:0px;

}

div#h li#wl{

width:30%;

margin:0px;

}

div#h li#wr{

width:70%;

text-align:right;

margin:0px;

FLOAT: right;

}

div#h li div#cm{

word-spacing: 3px;

padding-right: 2px;

}

div#h li div#org{

padding-top: 20px;

padding-left: 20px;

color: #F3BB97;

text-align:center;

}

div#h li div#pt{

text-align:right;

word-spacing: 8px;

white-space: nowrap;

margin:0px;

padding:0px;

font-size:10px;

font:Verdana, Arial, Helvetica, sans-serif;

padding-top:18px;

padding-right: 2px;

}

效果:

• 
  
  首页
  新闻
  下载
  源码
  图片
  文章
  图书
  交流
  技术
  0Day
  辞典
  搜客
  网摘
  工具
  链接
  地图
  ODP
  RSS
  联系
  
  祝你新春快乐！万事如意！在新的一年里身体健康！事业有成！芝麻开花节节高！
  
  P5
  P6
  P7
  P8
  P9
  P10
  
  
  CodeConvert
  PageRank
  HZZPY
  ASCII
  Calendar
  Weather
  GoogleCheat
  ZH
  SEO-GI
  
  

Contact
RSS
ODP
Sitemap
Link
Tools
Digest
GHDB
Glossary
0Day
Forum
BBS
Books
Article
Photo
Xoops
Downloads
News
Home

原文转自：http://www.ltesting.net