DIV+CSS网页设计实例教程

发布时间 : 星期一 文章DIV+CSS网页设计实例教程更新完毕开始阅读

加入:

#page-container { width: 760px; margin: auto; text-align: left; }

关于页脚的BUG,将版权内容加入新的#copyright层中,在html中加入: Copyright ? Enlighten Designs Powered by Enlighten Hosting and Vadmin 3.0 CMS

在css文件中加入,并将#footer的 padding-top: 13px; 移除:

#footer #altnav { clear: both; width: 350px; float: right; text-align: right; padding-top: 13px; }

#footer #copyright { padding-top: 13px; }

最后要解决的BUG是当光标在导航条的被选列表项目链接上悬停时(如在about的网页,body的类为about,但我们将光标移到导航条的about图片上时),背景图片消失了,这就需要加入:

body.about li#about, body.about li#about a,

body.about dt#about a:hover, body.services li#services, body.services li#services a,

body.services li#services a:hover, body.portfolio li#portfolio, body.portfolio li#portfolio a,

body.portfolio li#portfolio a:hover, body.contact li#contact, body.contact li#contact a,

body.contact li#contact a:hover {

background-position: 0 -100px; }

联系合同范文客服:xxxxx#qq.com(#替换为@)