针对五个模块的不同类型布局demo,基本上概括了所有需求,很有代表性。注意dtd为strict模式,编码是已改为utf。 个人觉得虽然实用有限,但作为技术参考,一定程度上总结了很多解决方案。 固定代码架构,分为五个部分 eader, content, navigation, other stuff and footer HTML 代码: Header Content Extra stuff 作者是意大利设计师,标题不好翻译,看示意图加例子就明白了。 Three percentage columns (n.01) http://www.rexsong.com/blog/attachme...youtgala01.htm Three percentage columns (n.02) http://www.rexsong.com/blog/attachme...youtgala02.htm Three percentage columns (n.03) http://www.rexsong.com/blog/attachme...youtgala03.htm Three percentage columns (n.04) http://www.rexsong.com/blog/attachme...youtgala04.htm Three percentage columns (n.05) http://www.rexsong.com/blog/attachme...youtgala05.htm Three percentage columns (n.06) http://www.rexsong.com/blog/attachme...youtgala06.htm Three fixed columns (n.7) http://www.rexsong.com/blog/attachme...youtgala07.htm Three fixed columns (n.8) http://www.rexsong.com/blog/attachme...youtgala08.htm Three fixed columns (n.9) http://www.rexsong.com/blog/attachme...youtgala09.htm Three fixed columns (n.10) http://www.rexsong.com/blog/attachme...youtgala10.htm Three fixed columns (n.11) http://www.rexsong.com/blog/attachme...youtgala11.htm Three fixed columns (n.12) http://www.rexsong.com/blog/attachme...youtgala12.htm Liquid, secondary columns fixed-width (n.13) http://www.rexsong.com/blog/attachme...youtgala13.htm Liquid, secondary columns fixed-width (n.14) http://www.rexsong.com/blog/attachme...youtgala14.htm Liquid, secondary columns fixed-width (n.15) http://www.rexsong.com/blog/attachme...youtgala15.htm Liquid, secondary columns fixed-width (n.16) http://www.rexsong.com/blog/attachme...youtgala16.htm Liquid, secondary columns fixed-width (n.17) http://www.rexsong.com/blog/attachme...youtgala17.htm Liquid, secondary columns fixed-width (n.18) http://www.rexsong.com/blog/attachme...youtgala18.htm Liquid, three columns, hybrid widths (n.19) http://www.rexsong.com/blog/attachme...youtgala19.htm Liquid, three columns, hybrid widths (n.20) http://www.rexsong.com/blog/attachme...youtgala20.htm Liquid, three columns, hybrid widths (n.21) http://www.rexsong.com/blog/attachme...youtgala21.htm Liquid, three columns, hybrid widths (n.22) http://www.rexsong.com/blog/attachme...youtgala22.htm Two columns liquid, side fixed (n.23) http://www.rexsong.com/blog/attachme...youtgala23.htm Two columns liquid, side fixed (n.24) http://www.rexsong.com/blog/attachme...youtgala24.htm Two percentage columns (n.25) http://www.rexsong.com/blog/attachme...youtgala25.htm Two percentage columns (n.26) http://www.rexsong.com/blog/attachme...youtgala26.htm One column liquid and two halves (n.27) http://www.rexsong.com/blog/attachme...youtgala27.htm One column liquid and two halves (n.28) http://www.rexsong.com/blog/attachme...youtgala28.htm Two percentage columns and one larger (n.29) http://www.rexsong.com/blog/attachme...youtgala29.htm Two percentage columns and one larger (n.30) http://www.rexsong.com/blog/attachme...youtgala30.htm Two columns liquid, fixed side and large one (n.31) http://www.rexsong.com/blog/attachme...youtgala31.htm Two columns liquid, fixed side and large one (n.32) http://www.rexsong.com/blog/attachme...youtgala32.htm Two colums fixed (n.33) http://www.rexsong.com/blog/attachme...youtgala33.htm Two colums fixed (n.34) http://www.rexsong.com/blog/attachme...youtgala34.htm Two colums fixed (n.35) http://www.rexsong.com/blog/attachme...youtgala35.htm Two colums fixed (n.36) http://www.rexsong.com/blog/attachme...youtgala36.htm Two colums fixed (n.37) http://www.rexsong.com/blog/attachme...youtgala37.htm Two colums fixed (n.38) http://www.rexsong.com/blog/attachme...youtgala38.htm One column fixed and two halves (n.39) http://www.rexsong.com/blog/attachme...youtgala39.htm |
|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )
GMT+8, 2024-9-30 19:28 , Processed in 0.322089 second(s), 12 queries , Gzip On, MemCache On.
Powered by Discuz! X3.5
© 2001-2023 Discuz! Team.