主页 > 知识库 > 网页基础 > HTML >

如何将PSD模型转化成XHTML和CSS文件(4)

来源:互联网 作者:老鬼 发表于:2009-09-29 10:35  点击:
大体效果就这么搞定了,设计稿的内容基本上也都呈现出来了,这时候你可以换着浏览器和分辨率来看看有没有问题以及模拟链接的效果比如鼠标on啊 鼠标点击过啊等等效果。 其实网页设计这玩意搞起来了就停不下来了。你

大体效果就这么搞定了,设计稿的内容基本上也都呈现出来了,这时候你可以换着浏览器和分辨率来看看有没有问题以及模拟链接的效果比如鼠标on啊 鼠标点击过啊等等效果。

其实网页设计这玩意搞起来了就停不下来了。你必须在FF,opera,safari下面看看有没有问题,你看这不在IE下面就出问题了么?(好讨厌IE6……如果机器装了更高版本的ie的话,你可以试试ietester)

修改一些CSS样式表很快就能搞定这个问题,具体的参见上图。

订阅的选项似乎总是在IE下面会有问题,这个只需要简单地加上 display: inline在列表中就能解决。

改完这些问题后这个正在做的网站就恢复正常勒,像一个wordpress主题鸟,当然想要更多的东西必须在加入更多的代码,比如内页区域和评论区域等~

 

当然如果每行代码都详细地解释得话,我估计我没写完各位看官就已经困倒了,所以发挥举一反三地精神就看上面得源文件吧!
也可以点击观看 完成页面

翻译:http://www.plidezus.net/

有帮助
(12)
63.2%
没帮助
(7)
36.8%
  • 上一篇:没有了
  • 下一篇:避免表格table被撑开变形的CSS代码实例