请高手指点帝国cms - 安全、强大、稳定、灵活

帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → 请高手指点

【本版专题贴子】

1/2 1 2 ›› ›|

fkdg
用户头衔：举人

精华贴   ：0
发贴数   ：360
经验值   ：1469
注册时间：2006-08-10

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

请高手指点

用DIV+CSS制作标签时.以下怎么实现:

第一条信息第二条信息
第三条信息第四条信息

以下这种写法是否正确?

页面模版:[!--empirenews.listtemp--]
<ul><li></li><li></li></ul>
<ul><li></li><li></li></ul>
[!--empirenews.listtemp--]

内容页模版:<li><a href="[!--titleurl--]" >[!--title--]</a>
</li>

[该贴被修改 3 次，最后修改时间 2006-11-09 20:03:53 ]

http://www.itug.cn 全新IT专业技术网站

2006-11-09 19:54:55

已设置保密

顶部

引用

报告

编辑

删除

fkdg
用户头衔：举人

精华贴   ：0
发贴数   ：360
经验值   ：1469
注册时间：2006-08-10

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 2 楼]

没人顶??????????????????

试好几种方法.设置的列数(这里设为4)不起作用.用table就完全正常.郁闷...................

http://www.itug.cn 全新IT专业技术网站

2006-11-10 10:47:26

已设置保密

顶部

引用

报告

编辑

删除

wm_chief
用户头衔：管理员

精华贴   ：21
发贴数   ：48941
经验值   ：114161
注册时间：2002-10-30

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 3 楼]

试一下就知道了

[零基础入门教程] [模板制作教程] [采集使用教程]

2006-11-10 10:54:57

已设置保密

顶部

引用

报告

编辑

删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14183
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 4 楼]

用一个的就行了
<ul>[!--empirenews.listtemp--]
<li></li>
[!--empirenews.listtemp--]</ul>

主要是CSS控制

li {
float: left;
width:49.5%;
}
本来设为应该设为50%宽的，可实际上IE里设为50%就不能正确显示，有2-3像素的误差

梦想设计成就你的设计梦想

2006-11-10 11:02:56

已设置保密

顶部

引用

报告

编辑

删除

fkdg
用户头衔：举人

精华贴   ：0
发贴数   ：360
经验值   ：1469
注册时间：2006-08-10

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 5 楼]

禾火,请帮我看一下,这样写错在哪?

CSS如下:
.leftList{ margin:0 auto; width:476px;}
.leftList ul{float:left; width:238px; padding:3px 0 5px;}
.leftList li{float:left; width:235; list-style-type:none; text-align:left; font-size:14px; padding:4px 0 4px 8px;}

页面模版:<ul>[!--empirenews.listtemp--]
<li></li>
[!--empirenews.listtemp--]</ul>

内容模版:<div><ul><li><a href="[!--titleurl--]" >[!--title--]</a></li></ul></div>

显示如下:
电视剧《静静的顿河》10年后重

神话金东万演技受好评 SBS

《乌成宥利电视剧里大打出手

彻底颠《雪之女王》开试映会

玄彬沐浴安在旭饱受演戏后遗症折磨

事业组图:《天才冲冲冲》王绍伟陈乔

http://www.itug.cn 全新IT专业技术网站

2006-11-10 11:24:47

已设置保密

顶部

引用

报告

编辑

删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14183
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 6 楼]

.leftList li{float:left; width:235; list-style-type:none; text-align:left; font-size:14px; padding:4px 0 4px 8px;}

IE的CSS模盒解释是错误的，再加上他的2-3像素的BUG，所以超过了476的宽度
你把数字改小点，用!important来写FF的兼容

具体你可以看看这二篇文章：
http://www.w3cn.org/article/tips/2004/90.html
http://www.w3cn.org/article/tips/2004/91.html

简点点的话，你不要用padding-left，改为用text-indent: 8px（只对单行文字）
或者把padding-left的值写在a里
.leftList li a {
padding-left: 8px;
}

梦想设计成就你的设计梦想

2006-11-10 12:13:31

已设置保密

顶部

引用

报告

编辑

删除

fkdg
用户头衔：举人

精华贴   ：0
发贴数   ：360
经验值   ：1469
注册时间：2006-08-10

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 7 楼]

css这样还是不行.
.leftList{ margin:0 auto; width:480px;}
.leftList ul{float:left; width:236px; padding:3px 0 5px 0;}
.leftList li{float:left; width:220px; list-style-type:none; text-align:left; font-size:14px;}

始终只能一列显示.不能实现
第一条第二条
第三条第四条

http://www.itug.cn 全新IT专业技术网站

2006-11-12 21:17:15

已设置保密

顶部

引用

报告

编辑

删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14183
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 8 楼]

晕。刚刚才看到你的内容模板是这样

<div><ul><li><a href="[!--titleurl--]" >[!--title--]</a></li></ul></div>

直接写:
<a href="[!--titleurl--]" >[!--title--]</a>

梦想设计成就你的设计梦想

2006-11-13 10:51:15

已设置保密

顶部

引用

报告

编辑

删除

fkdg
用户头衔：举人

精华贴   ：0
发贴数   ：360
经验值   ：1469
注册时间：2006-08-10

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 9 楼]

还是不行呀?这样只将行间距缩小了.

页面模版:<ul>[!--empirenews.listtemp--]
<li></li>
[!--empirenews.listtemp--]</ul>

每行显示为:1条记录

内容模版:<a href="[!--titleurl--]" >[!--title--]</a>

页面调用:
<div class="clear"></div>
<div class="blank6"></div>
<div class="leftList">
<ul>
<li>[ecmsinfo]40,8,28,0,0,26,0[/ecmsinfo]</li>
</ul>
</div>

具体效果http://www.fashionnet.cn

[该贴被修改 1 次，最后修改时间 2006-11-13 11:41:37 ]

http://www.itug.cn 全新IT专业技术网站

2006-11-13 11:39:26

已设置保密

顶部

引用

报告

编辑

删除