动易标签修改:函数名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 & " " & 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"> <a class="" href="/Article/ShowArticle.asp?ArticleID=16" title="文章标题:青农战线基层工作动态测试青农战线基层工作动态测试 作 者:佚名 更新时间: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 & " " & strLink[/code]
觉得这个空格应该是它才对,删除掉试,果然正确。此问题至此解决。
[b]最终代码:[/b]
[code]
Case 5 '输出DIV 2010年12月23日15:02:20 husw修改添加div为无序列表li代码 <li class=''></li> 添加时间span 向右浮动,并删除标题链接前面的空格 & " " 以兼容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]
[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 & " " & 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"> <a class="" href="/Article/ShowArticle.asp?ArticleID=16" title="文章标题:青农战线基层工作动态测试青农战线基层工作动态测试 作 者:佚名 更新时间:2010/12/23 13:43:23" target="_blank">青农战线基层工作动态测试青农战线基层工作动态测</a><span class='time'>[<font color="red">2010-12-23</font>]</span></li>[/code]
对就是这个
觉得这个空格应该是它才对,删除掉试,果然正确。此问题至此解决。
[b]最终代码:[/b]
[code]
Case 5 '输出DIV 2010年12月23日15:02:20 husw修改添加div为无序列表li代码 <li class=''></li> 添加时间span 向右浮动,并删除标题链接前面的空格 & " " 以兼容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]
请发表您的评论