Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[疑问] 图文资讯问题,竖排变横排,却不能全部解决,求教

[复制链接]
风语者n2 发表于 2009-10-25 17:38:57 | 显示全部楼层 |阅读模式
  1. .globalnews_piclist { padding-left:2px; }
  2.         .globalnews_piclist li { display:inline; float:left; margin:3px 0 0 10px; }
  3.         .globalnews_piclist img { display:block; width:100px; height:70px; padding:1px; border:1px solid #D8D8D8; float:left; }
  4.         .globalnews_piclist span { display:block; width:0px; height:70px; overflow:hidden; line-height:15px; text-align:left; float:left; }
复制代码
默认的是奇怪的竖排,通过把原CSS修改成以上代码,可以横排,但怎么也不能把文字标题放到图片下面去。于是我把文字标题隐去了(width:0px)。
请问,怎么才能把标题放到图片下面去啊?
回复

使用道具 举报

 楼主| 风语者n2 发表于 2009-10-25 17:40:18 | 显示全部楼层
谁能帮忙解决,送出5个金币答谢。
顺便告诉我怎么送给你。呵呵。
回复

使用道具 举报

frosh 发表于 2009-10-26 09:33:23 | 显示全部楼层
  1. .globalnews_piclist { padding-left:2px; }
  2.         .globalnews_piclist li { display:inline; float:left; margin:3px 0 0 10px; width:100px;}
  3.         .globalnews_piclist img { display:block; width:100px; height:70px; padding:1px; border:1px solid #D8D8D8; }
  4.         .globalnews_piclist span { display:block; width:0px; height:70px; overflow:hidden; line-height:15px; text-align:left; }
复制代码
li标签漂浮了,有了float属性,下面的img和文字的span不要float,另外,将li的width属性跟img的width属性设置一样,可以保障文字在图片下面
回复

使用道具 举报

lidq.jingwu 发表于 2009-10-26 09:37:55 | 显示全部楼层
1# 风语者n2


    CSS问题,到网上找资料吧,这里不作解答。
回复

使用道具 举报

 楼主| 风语者n2 发表于 2009-10-26 12:16:15 | 显示全部楼层
Comsenz Team 先生总是很负责任的,但就是不彻底,总是给我学习机会,唉。
谢谢楼上两位了。
回复

使用道具 举报

 楼主| 风语者n2 发表于 2009-10-26 12:24:39 | 显示全部楼层
3# frosh


    你的这个方法可行,但不彻底。却帮了我很大的忙!
   请告诉我怎么赠送给你金币?我本来发贴时想用悬赏功能的,但不会用。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-15 09:08 , Processed in 0.110105 second(s), 15 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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