账号通
    

账号  

密码  

4327

查看

12

回复
主题:求教高手:如何在栏目列表中实现排列列数为3列? [收藏主题] 转到:  
lixd 当前离线

119

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:878 分
登录次数:57 次
注册时间:2009/3/14
最后登录:2011/5/30
lixd 发表于:2009/3/29 22:11:00   | 只看该作者 查看该作者主题 楼主 
做在线知识付费 选科汛云开店

我想用科汛做个摄影导航,用div+css输出,却不知道如何在ccs里控制,用百度搜了个够,也没找到解决办法.

本来想这样的:


此主题相关图片如下:sy02.jpg
sy02.jpg

结果却成了这样的:

此主题相关图片如下:sy.jpg
sy.jpg
做标签时提示:"若div+css输出,请在ccs里控制"

 

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
wiki 当前离线

1001

主题

3

广播

6

粉丝
添加关注
级别:八年级

用户积分:4722 分
登录次数:206 次
注册时间:2008/12/22
最后登录:2017/7/26
wiki 发表于:2009/3/31 0:29:00   | 只看该作者 查看该作者主题 沙发 
.wangzhi {width:396px; padding-left:8px;}
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lixd 当前离线

119

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:878 分
登录次数:57 次
注册时间:2009/3/14
最后登录:2011/5/30
lixd 发表于:2009/4/2 17:05:00   | 只看该作者 查看该作者主题 藤椅 

最后代码在各位指导下成功:

.wangzhi {width:396px;padding-left:8px; }
.wangzhi ul {line-height:26px; }
.wangzhi ul li {width:33%; float:left;list-style:none;text-align:center;}
.wangzhi ul li a:link,.wangzhi ul li a:visited{font-size:14px;color:#888; text-

decoration:none;}
.wangzhi ul li a:hover{color:#ff0000; text-decoration:underline}

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lixd 当前离线

119

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:878 分
登录次数:57 次
注册时间:2009/3/14
最后登录:2011/5/30
lixd 发表于:2009/3/31 12:55:00   | 只看该作者 查看该作者主题 板凳 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lixd 当前离线

119

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:878 分
登录次数:57 次
注册时间:2009/3/14
最后登录:2011/5/30
lixd 发表于:2009/3/30 22:15:00   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lixd 当前离线

119

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:878 分
登录次数:57 次
注册时间:2009/3/14
最后登录:2011/5/30
lixd 发表于:2009/3/30 22:12:00   | 只看该作者 查看该作者主题 地板 

根据几位高人的指点,我的样式表基本修改成功,我的代码是:

.wangzhi {width:396px; }
.wangzhi ul {line-height:26px; }
.wangzhi ul li {width:33%; float:left;list-style:none;text-align:center;}
.wangzhi ul li a:link,.wangzhi ul li a:visited{font-size:14px;color:#555; text-

decoration:none;}
.wangzhi ul li a:hover{color:#ff0000; text-decoration:underline}

样式如下:


此主题相关图片如下:sy04.jpg
sy04.jpg

 

美中不足的是左右边距好象不要一样,不知问题在哪里?

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zhitaige 当前离线

1196

主题

0

广播

0

粉丝
添加关注
级别:八年级

用户积分:7830 分
登录次数:267 次
注册时间:2006/11/8
最后登录:2015/9/4
zhitaige 发表于:2009/3/30 9:39:00   | 只看该作者 查看该作者主题 7楼 
科汛在线网校系统
4楼的写法还不如使用表格,这样写不是web标准
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zhitaige 当前离线

1196

主题

0

广播

0

粉丝
添加关注
级别:八年级

用户积分:7830 分
登录次数:267 次
注册时间:2006/11/8
最后登录:2015/9/4
zhitaige 发表于:2009/3/30 9:34:00   | 只看该作者 查看该作者主题 8楼 
科汛智能建站系统

告诉你个简单的方法

 

div布局如下

<div id="wangzhi">

<ul>

<li><a href="#">东北风摄影网</a></li>

<li><a href="#">东北风摄影网</a></li>

<li><a href="#">东北风摄影网</a></li>

............

</ul>

</div>

 

css样式如下

#wangzhi {width:600px;}

#wangzhi li {width:200px;}

 

原理:父盒子的宽度是li的三倍,这样li一行只能排列三个,多余的会自动转到下一行

 

具体你结合自己的模板修改吧

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cms2007 当前离线

4445

主题

8

广播

15

粉丝
添加关注
级别:超级版主

用户积分:23396 分
登录次数:1515 次
注册时间:2007/8/7
最后登录:2022/12/6
cms2007 发表于:2009/3/30 9:28:00   | 只看该作者 查看该作者主题 9楼 
科汛在线商城系统(NET)

 

标签输出选择div+css,在后面样式的class上填上list,然后打开style.css文件,加上这些样式

 

.list{width:400px; margin:0px auto; padding:2px;}
.list ul{ height:100px}
.list ul li{ width:33%; margin:1px ; float:left;}

后面的字体自己控制下

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lixd 当前离线

119

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:878 分
登录次数:57 次
注册时间:2009/3/14
最后登录:2011/5/30
lixd 发表于:2009/3/29 23:00:00   | 只看该作者 查看该作者主题 10楼 
科汛在线商城系统(NET)

回复的好快啊,谢谢!

但我还是不懂:<div id="----" class="----">中怎么填?
我做的wangzhi是这么写的:
.wangzhi{}
.wangzhi ul {padding:8px; line-height:26px; }
.wangzhi ul li{list-style:none;text-align:center;}
.wangzhi ul li a:link,.wangzhi ul li a:visited{font-size:14px;color:#555; text-decoration:none;}
.wangzhi ul li a:hover{color:#ff0000; text-decoration:underline}

却用不成,交出来

 

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.17188秒 powered by KesionCMS 9.0