XHTML 的一个实例, 其实这个实例的方法已经可以实现所有要实现的布局. by Emerald 绿色学院 - Green Institute-网站制作技术

栏目列表

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

发布时间：2008-11-20 点击：来源：本站原创录入者：佚名

绿色学院 - Green Institute - 不听人间乐 - 想得到 - 做得到 - Xoops 没你看到的那么长的 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

CSS 文档:

XHTML 文档:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN"  "TBD">

<head>

<title>绿色学院 - Green Institute - 不听人间乐 - 想得到 - 做得到 - Xoops</title>

</head>

<ul>

祝你新春快乐！万事如意！在新的一年里身体健康！事业有成！芝麻开花节节高！

<br/>

<A href="modules/T-TechTools/index.htm">CodeConvert</a>

<A href="modules/GI-Tools/GI-Tools_pagerank.htm">PageRank</a>

<A href="modules/GI-Tools/GI-Tools_HZZPY.htm">HZZPY</a>

<A href="modules/GI-Tools/GI-Tools_ASCIIArtist.htm">ASCII</a>

<A href="modules/GI-Tools/GI-Tools_Calendar.htm">Calendar</a>

<A href="modules/GI-Tools/GI-Tools_Weather.htm">Weather</a>

<a href="" >GoogleCheat</a>

</li>

</ul>

<A href="modules/liaise/index.htm" target="_self">Contact</a>

<A href="modules/sitemap/index.htm" target="_self">Sitemap</a>

<A href="modules/GI-Tools/index.htm" target="_self">Tools</a>

<A href="modules/xmline/index.htm" target="_self">Digest</a>

<A href="modules/wordbook/index.htm" target="_self">Glossary</a>

<A href="modules/newbb/index.htm" target="_self">Forum</a>

<A href="modules/booklists/index.htm" target="_self">Books</a>

<A href="modules/AMS/index.htm" target="_self">Article</a>

<A href="modules/myalbum/index.htm" target="_self">Photo</a>

<A href="modules/mydownloads/index.htm" target="_self">Xoops</a>

<A href="modules/wfdownloads/index.htm" target="_self">Downloads</a>

附件：

关闭窗口

打印文档

账号登录




保持登录	忘记密码？
账号与武进教师培训平台同步