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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 求助:怎样让图片横排呢?

[复制链接]
司仪一号 发表于 2008-3-6 13:01:12 | 显示全部楼层 |阅读模式
各位,
  我在ss首也调用司仪模型的图片(http://www.zh41.com/m.php?name=love

用的代码是:<!--{block name="model" parameter="name/love/haveattach/1/order/i.dateline DESC/limit/0,4/cachetime/900/subjectlen/1/cachename/shop/tpl/data"}-->
    <div id="hotfile" class="block" style="height:214px; overflow:hidden;">
    <ul class="imgthumblist" style="margin-left: -4px; width: 740px;">
     <h3><a href="m.php?name=love">司仪</a> &bull; 周点击榜</h3>
     <ul class="models-fieldset">
     <!--{loop $_SBLOCK['shop'] $value}-->
      <div class="top100-images"><a href="$value[url]" target="_blank"><a href="$value[url]" target="_blank"><a href="$value[url]" target="_blank"></a><a href="$value[url]" target="_blank"><img src="$value[subjectimage]" alt="$value[introduce]" width="75" height="75" /></a></a></a></div>
      <p><a href="$value[url]"  target="_blank" title="$value[subjectall]" >$value[subjectall]</a> <span>年龄$value[age] 身高$value[stature]<br></span>
     <!--{/loop}-->
     </ul>
    </div>

但是总是竖排,我想要他们横排成2排,该怎样调整呢?

333.jpg

麻烦大家。
zhenyusen 发表于 2008-3-6 13:11:10 | 显示全部楼层
帮顶--也想知道
回复

使用道具 举报

南芝恋 发表于 2008-3-6 13:39:48 | 显示全部楼层
你参照一下它上边的那个模块,css是否可以重用?
回复

使用道具 举报

 楼主| 司仪一号 发表于 2008-3-6 13:57:45 | 显示全部楼层
这是我上面的代码
你可以帮我改一下吗?我不太懂
        <!-- 博客之星 -->
<div id="blogs" class="block">
        <h3 id="blogstabs" class="tabs">
                <a id="spacestartab" href="javascript:setTab('blogs','spacestar');" class="tab curtab">魅力地盘</a>
                <a id="spaceranktab" href="javascript:setTab('blogs','spacerank');" class="tab">地盘总排行</a>
        </h3>
        <div id="spacestar" class="tabcontent">
                <!--{block name="userspace" parameter="isstar/1/showdetail/1/order/u.lastpost DESC/limit/0,16/cachetime/94400/cachename/spacestar/tpl/data"}-->
                <ul class="imgthumblist" style="margin: 10px 0 6px 10px">
                        <!--{loop $_SBLOCK['spacestar'] $value}-->
                        <li class="smallthumb">
                                <div><a href="$value[url]"><img src="$value[photo]" alt="$value[spacename]" /></a></div>
                                <p><a href="$value[url]">$value[username]</a></p>
                        </li>
                        <!--{/loop}-->
                </ul>
        </div>
        <div id="spacerank" class="tabcontent" style="display: none;">
                <!--{block name="userspace" parameter="order/u.spaceallnum DESC/limit/0,16/showdetail/1/cachetime/84400/cachename/superspace/tpl/data"}-->
                <ul class="imgthumblist" style="margin: 10px 0 6px 10px">
                        <!--{loop $_SBLOCK['superspace'] $value}-->
                        <li class="smallthumb">
                                <div><a href="$value[url]"><img src="$value[photo]" alt="$value[spacename]" /></a></div>
                                <p><a href="$value[url]">$value[username]</a></p>
                        </li>
                        <!--{/loop}-->
                </ul>
        </div>
</div>
回复

使用道具 举报

5imc 发表于 2008-3-6 14:46:03 | 显示全部楼层
www.5imc.com/live
你看我这个,最新更新 是不是要这种横排
回复

使用道具 举报

5imc 发表于 2008-3-6 14:49:02 | 显示全部楼层
不是最新更新 是最新开博
回复

使用道具 举报

 楼主| 司仪一号 发表于 2008-3-7 01:49:02 | 显示全部楼层
使这个样子,但是不是调用博客,而是调用模型的图片,比如交友
回复

使用道具 举报

高跟美女 发表于 2008-3-7 01:56:18 | 显示全部楼层
学习下.
回复

使用道具 举报

买空间网114 发表于 2008-3-7 10:04:29 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

wenshuai008 发表于 2008-3-24 16:26:00 | 显示全部楼层
修改 .articlelist 这个CSS 参数就可以了  
下面是修改后的。


.articlelist{
        overflow:hidden;
        margin-top:8px;
        background:transparent url(dotline_h.gif) repeat-x scroll center bottom;
        float: left;
        padding-top: 0;
        padding-right: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
        width: 100px;
}

评分

1

查看全部评分

回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-16 21:36 , Processed in 0.032173 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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