推56论坛

 找回密码
 立即注册(限中文)

QQ登录

只需一步,快速开始

    查看: 1292|回复: 0

    [dedecms教程] 两种方法解决织梦列表页分页标签pagelist调用后是竖着排列的问题

      [复制链接]
    发表于 2015-3-4 23:17:51 | 显示全部楼层 |阅读模式
    织梦列表页的分页标签是采用pagelist来进行调用的,但是很多人在调用之后会出现一个列表竖着排列的问题(横排美观度好一些),还是非常不美观的。具体表现就是如下:

    问题原因:织梦的pagelist标签默认是内置了<li>标签的,调用之后会在源代码页面中出现,而你的网站如果刚好没有在分页这块对<li>标签进行css定义的话,就会出现<li>标签默认的样式(即图中所示),知道原因之后解决方法就简单了,采用两种方法来解决,一种是删除pagelist标签中内置的<li>标签,一种是给调用出来的<li>标签加上样式。

    第一种添加标签法(推荐):假设你在调用列表分页标签的代码如下所示
    1. <div class="xxx">
    2. {dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
    3. </div>
    复制代码
    这个时候在你调用的css页面中加入一下代码即可:
    1. .xxx li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;}
    2. .xxx li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
    复制代码
    备注:css代码设置到的文字高度、颜色等等数据可以自己修改,另外一定要加“xxx”改成你写的代码中的div的属性定义。xxx仅仅只是替代演示,需要自行修改的第 二种删除内置标签法:查找网站根目录下includ中的arc.listview.class.php和arc.archives.class.php这 两个文件,打开后,按ctrl+H键进行查找替换,需要分别将<li>、</li>、<li class=\"thisclass\">这三个代码进行全部替换成空,之后保存。在图中红框位置分别依次输入以上提到的三个代码。然后点击右侧的全部替换,保存。然后快看看是不是解决了问题!最后,如若你还有解决不了的问题,或者有需要录制视频帮你解决问题的需求,可以及时到有问必答中提交,或者邮件告知我们亦可。




    学建站、学推广、学赚钱,上56站长论坛就够了!个性签名请到个人资料里面修改……

    本版积分规则

    关闭

    推56站长论坛推荐上一条 /2 下一条

    站长QQ
    在线咨询
    咨询热线
    QQ:405327411
    站长

    QQ|广告合作|关于我们|联系我们|免责声明|网站导航|站长论坛 ( 豫ICP备11018337号-5

    王宝臣旗下网站 推56论坛(www.tui56.com|ask.tui56.com|blog.tui56.com|daohang.tui56.com)

    Powered by Discuz! X3.4 Licensed

    ©2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表