动易标签修改:函数名GetArticleList输出DIV格式为ul-li,且时间向右浮动,并兼容IE6/7

作者:我就是个世界 发表于:2010-12-25
又在折腾动易 PowerEasy SiteWeaver. 因为一直用Editplus来手工编写代码,也一直坚持DIV+CSS,然后又一直用Firefox和chrome来测试,WIN7上装的IE也是最新版IE8,所以一直没在IE6/7上看效果,刚刚在IE7兼容模式下看了一下,结果发现有问题。

[img][attach]368[/attach][/img]

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

[code]
            <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>
[/code]

CSS代码:
[code]
.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;}
[/code]

因为我要用UL LI输出DIV输出,所以之前改过函数GetArticleList, 位置:\Include\PowerEasy.Article.asp 第471行。
[code]
        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
[/code]

按理说应该没问题的,但是怎么在IE6/7下就会显示第一行空白呢,于是找找找,除错-除错-除错-继续除错,找了很长时间,最后终于在生成的网页源代码中发现是由一个空格引起的,
[code]<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>[/code]

对就是这个
  • [color=#FF0000] [/color][code]            strInfoList = strInfoList & strProperty & "&nbsp;" & strLink[/code]
    觉得这个空格应该是它才对,删除掉试,果然正确。此问题至此解决。

    [b]最终代码:[/b]
    [code]
            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
    [/code]

    最终效果:
    [img][attach]369[/attach][/img]
  • 分享:

    扫一扫在手机阅读、分享本文

    请发表您的评论