内容正在载入中,请稍后……
公告
About me
搜索
统计
其他
25 Dec.2010
又在折腾动易 PowerEasy SiteWeaver. 因为一直用Editplus来手工编写代码,也一直坚持DIV+CSS,然后又一直用Firefox和chrome来测试,WIN7上装的IE也是最新版IE8,所以一直没在IE6/7上看效果,刚刚在IE7兼容模式下看了一下,结果发现有问题。

Highslide JS


这个是用标签$GetArticleList调用的,代码如下:


            <div id="v1" class="list1">
                <ul>
                    <!--$青农动态$-->
                    <!--{$GetArticleList(1,15,true,0,0,8,false,false,"",0,1,5,45,0,false,0,false,false,1,false,false,false,true,false,false,1,1,,dotte,dotte)}-->
                </ul>
            </div>


CSS代码:

.list1{ padding:0 5px 5px 5px; line-height:26px;margin:5px 0 2px 0}
.list1 li{line-height:26px;margin-left:5px;height:26px; font-size:12px;background:url(Skin/Czgqt2010/li1.gif) no-repeat 0 50%; padding-left:10px;}
.list1 li.dotte{ border-bottom:1px dotted #4e4e4e;}
.list1 li a{float:left; color:#4e4e4e;}
.list1 li a:hover{ color:#f00; }
.list1 li span{float:right; color:#f00; text-align:right;}


因为我要用UL LI输出DIV输出,所以之前改过函数GetArticleList, 位置:\Include\PowerEasy.Article.asp 第471行。

        Case 5 '输出DIV  2010年12月23日15:02:20 husw修改添加div为无序列表li代码 <li class=''></li>  添加时间span 向右浮动
            strInfoList = strInfoList & "<li class=""" & CssName & """>"
            strInfoList = strInfoList & strProperty & "&nbsp;" & strLink
            strInfoList = strInfoList & strAuthor & "<span class='time'>" & strUpdateTime & "</span>" & strHits
            strInfoList = strInfoList & strHotSign & strNewSign & strCommentLink & strContent
            strInfoList = strInfoList & "</li>"

            iCount = iCount + 1
            If iCount Mod 2 = 0 Then
                CssName = CssName1
            Else
                CssName = CssName2
            End If


按理说应该没问题的,但是怎么在IE6/7下就会显示第一行空白呢,于是找找找,除错-除错-除错-继续除错,找了很长时间,最后终于在生成的网页源代码中发现是由一个空格引起的,
<li class="dotte">&nbsp;<a class="" href="/Article/ShowArticle.asp?ArticleID=16" title="文章标题:青农战线基层工作动态测试青农战线基层工作动态测试 作&nbsp;&nbsp;&nbsp;&nbsp;者:佚名 更新时间:2010/12/23 13:43:23" target="_blank">青农战线基层工作动态测试青农战线基层工作动态测</a><span class='time'>[<font color="red">2010-12-23</font>]</span></li>


对就是这个
  •  
                strInfoList = strInfoList & strProperty & "&nbsp;" & strLink

    觉得这个空格应该是它才对,删除掉试,果然正确。此问题至此解决。

    最终代码:

            Case 5 '输出DIV  2010年12月23日15:02:20 husw修改添加div为无序列表li代码 <li class=''></li>  添加时间span 向右浮动,并删除标题链接前面的空格 & "&nbsp;"  以兼容IE6/7
                strInfoList = strInfoList & "<li class=""" & CssName & """>"
                strInfoList = strInfoList & strProperty & strLink
                strInfoList = strInfoList & strAuthor & "<span class='time'>" & strUpdateTime & "</span>" & strHits
                strInfoList = strInfoList & strHotSign & strNewSign & strCommentLink & strContent
                strInfoList = strInfoList & "</li>"

                iCount = iCount + 1
                If iCount Mod 2 = 0 Then
                    CssName = CssName1
                Else
                    CssName = CssName2
                End If


    最终效果:
    Highslide JS
    分享到QQ空间
  • 时间:23:45 评论(0) 引用(0) 阅读(6320) Tags: , ,
    发表评论
      昵称 [注册]
      密码 (游客无需密码)
      网址
      电邮
    OpenID登入 权限选项 表情