新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   >>中国XML论坛<<     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 讨论HTML、XHTML、Web2.0、Ajax、XUL, ExtJS, jQuery, JSON、Social Networking System(SNS)、Rich Internet Applications (RIA)、Tagging System、Taxonomy（tagsonomy,folkonomy）、XForms、XFrames、XInclude, XBL (XML Binding Language)等话题
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - XML技术 → 『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』 → [2004-11-26更新,有CSS!!! 在IE和FOREFOX下显示正常] 带CSS注解的XHTML实例 ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 49822 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： [2004-11-26更新,有CSS!!! 在IE和FOREFOX下显示正常] 带CSS注解的XHTML实例 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     daijianchun 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：22
      积分：189
      门派：XML.ORG.CN
      注册：2004/9/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给daijianchun发送一个短消息 把daijianchun加入好友 查看daijianchun的个人资料 搜索daijianchun在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看daijianchun的博客楼主
    发贴心情 [2004-11-26更新,有CSS!!! 在IE和FOREFOX下显示正常] 带CSS注解的XHTML实例

    [2004-11-26更新,有CSS!!!!!!!!!!!在IE和FOREFOX下显示正常]

    (1)下载:(有CSS)


    (2)说明:
    1.三级页面
    2.五种栏目类型
    3.中文注解CSS

    (3)备注:
    1.栏目块的标题前32PX的图标,ALT属性为空值;紧装饰作用,用程序可以随机调取不同图片显示.
    2.栏目块内容可由客户方自己,用后台编辑器上传,当然就不保证符合XHTML规范了!
    3.IE6下显示正常,未经其它浏览器测试!

    (三)更新(2004-10-14)：1.xhtml_firefox.rar 中网页在IE和firefox下显示无重叠,基本正常.2.xhtml验证时,出现错误:
    (1)字符集错误. [未查明原因!!!]
    (2)<marquee>为非法标签. [因考虑以IE为主,仍保留!!!]
    3.CSS验证错误警告:
    (1)字体族警告:建议最后使用一个字体族. [考虑到字体显示顺序,最后样式中的 font-family单独使用了webdings符号字体,未加如body的font-family中.]

    (四)IE和firefox显示比较:
    (1)border-style的外观及尺寸不同.
    (2)使用IE刷新时,可能由于对padding和margin的计算有问题,有时显示高度不一样;竖向的border:dashed 有时显示粘连.
    (3)firefox比IE刷新块.

    (五)使用CSS的体会:
    (1)padding和margin使用时,由外到内,逐层使用,避免推来推去.
    (2)在最外层div内,使用内部div的float属性分栏,在firefox下由于浮动,最外层div不自动满高,解决办法:'在最外层div内,先嵌套一个带float属性的div,然后再往里嵌套就可以了.'
    (3)修饰复杂且琐碎的页面,和严格象素尺寸的页面,用CSS和DIV控制比较费劲,也就是说,传统的table页面用DIV+CSS做,就显得CSS格外脆弱,动一点其他就有问题
    而国外网站用DIV+CSS做的,修饰往往不琐碎,很简单,修改一点,其它顺移,与"超文本"的理念相符合,我想未来网站的布局和界面会越来越简单,只剩下有用的东西,"功能主义"的又一个轮回.
    (4)用DIV+CSS做,最好不要沿用原来TABLE的构思.


    (4)效果图例(半屏截图):

    此主题相关图片如下：
    按此在新窗口浏览图片

    [此贴子已经被作者于2004-11-26 10:51:54编辑过]

       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/10/12 11:16:00
     
     jensgn 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：7
      积分：93
      门派：XML.ORG.CN
      注册：2004/4/27

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给jensgn发送一个短消息 把jensgn加入好友 查看jensgn的个人资料 搜索jensgn在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看jensgn的博客第2楼
    发贴心情 
    谢谢~
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/10/12 12:09:00
     
     daijianchun 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：22
      积分：189
      门派：XML.ORG.CN
      注册：2004/9/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给daijianchun发送一个短消息 把daijianchun加入好友 查看daijianchun的个人资料 搜索daijianchun在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看daijianchun的博客第3楼
    发贴心情 
    在firefox下显示有问题,正在改!
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/10/13 9:00:00
     
     daijianchun 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：22
      积分：189
      门派：XML.ORG.CN
      注册：2004/9/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给daijianchun发送一个短消息 把daijianchun加入好友 查看daijianchun的个人资料 搜索daijianchun在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看daijianchun的博客第4楼
    发贴心情 
    [2004-10-14更新,在IE和FOREFOX下显示正常]
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/10/14 13:58:00
     
     cfxp 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：0
      积分：54
      门派：XML.ORG.CN
      注册：2004/10/24

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给cfxp发送一个短消息 把cfxp加入好友 查看cfxp的个人资料 搜索cfxp在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看cfxp的博客第5楼
    发贴心情 
    里面没有CSS文件!!>?
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/10/24 20:14:00
     
     daijianchun 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：22
      积分：189
      门派：XML.ORG.CN
      注册：2004/9/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给daijianchun发送一个短消息 把daijianchun加入好友 查看daijianchun的个人资料 搜索daijianchun在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看daijianchun的博客第6楼
    发贴心情 

    SORRY,一直没时间更新,耽误大家的时间了.
    11-26更新,补充了漏掉的CSS

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/11/26 10:53:00
     
     yeriwei 帅哥哟，离线，有人找我吗？
      
      
      等级：大二(研究汇编)
      文章：37
      积分：232
      门派：XML.ORG.CN
      注册：2004/8/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给yeriwei发送一个短消息 把yeriwei加入好友 查看yeriwei的个人资料 搜索yeriwei在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看yeriwei的博客第7楼
    发贴心情 
    先试试看.在FireFox下一直不能对<div>居中...
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/1/6 23:31:00
     
     泡泡520 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：15
      积分：109
      门派：XML.ORG.CN
      注册：2004/7/5

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给泡泡520发送一个短消息 把泡泡520加入好友 查看泡泡520的个人资料 搜索泡泡520在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看泡泡520的博客第8楼
    发贴心情 
    做的很强！
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/1/26 9:47:00
     
     rebol 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：13
      积分：104
      门派：XML.ORG.CN
      注册：2004/5/29

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给rebol发送一个短消息 把rebol加入好友 查看rebol的个人资料 搜索rebol在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看rebol的博客第9楼
    发贴心情 
    但愿有更多的源代码示例,一直觉得读代码能提高很多.
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/3/11 10:05:00
     
     飞雪尔 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：12
      积分：168
      门派：XML.ORG.CN
      注册：2005/4/9

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给飞雪尔发送一个短消息 把飞雪尔加入好友 查看飞雪尔的个人资料 搜索飞雪尔在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看飞雪尔的博客第10楼
    发贴心情 
    margin-left:auto;
    margin-right:auto;
    可以对mozilla firefox下的div进行居中。
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/5/9 14:48:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/6 22:30:18

    本主题贴数15，分页： [1] [2]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 93.750ms