评论如何并列显示!

2016-07-07 16:05 来源:www.chinab4c.com 作者:ecshop专家

仿趣玩的首页评论并列显示...这是我的站.www.yodou.net
搞了半天还是一行一行的...急..在线等.
这是评论
<DL class="graybox comment">
<DT></DT>
<DD>

<UL>
<LI class=fl><a href="goods.php?id={$comments.id_value}" target="_blank"><IMG height=58 alt=" " src="{$comments.goods_thumb}" width=58></A> </LI>
<LI class="fr comment_li">
<><SPAN >{$comments.goods_name}</SPAN><FONT size=+0>{$comments.add_time}</FONT></P>
< class=comment_p><a style="float:left;" title="{$comments.content|truncate:100:""}" href="{$comments.goods_name}" target="_blank">{$comments.content|truncate:100:""}</a></P></LI></UL>

</DD></DL>




CSS样式是:

.comment {
MARGIN-TOP: 15px; MARGIN-BOTTOM: 15px; OVERFLOW: hidden; HEIGHT: 240px
}
.comment DT {
BACKGROUND: url(images/index_bg_new.gif) no-repeat 20px -583px
}
.comment DD {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 938px; PADDING-TOP: 20px; HEIGHT: 212px
}
.comment DD UL {
BORDER-RIGHT: #eaeaea 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #eaeaea 1px solid; DISPLAY: block; PADDING-LEFT: 9px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 9px; BORDER-LEFT: #eaeaea 1px solid; WIDTH: 273px; MARGIN-RIGHT: 19px; PADDING-TOP: 9px; BORDER-BOTTOM: #eaeaea 1px solid; HEIGHT: 59px; BACKGROUND-COLOR: #fff
}
.comment DD IMG {
BORDER-RIGHT: #eaeaea 1px solid; BORDER-TOP: #eaeaea 1px solid; BORDER-LEFT: #eaeaea 1px solid; BORDER-BOTTOM: #eaeaea 1px solid
}
.comment DD P {
DISPLAY: block
}
.comment DD SPAN {
DISPLAY: inline-block; OVERFLOW: hidden; WIDTH: 129px; COLOR: #c90809; HEIGHT: 14px; line-height:14px;
}
.comment DD FONT {
FONT-SIZE: 12px; COLOR: #999
}
.comment_li {
PADDING-RIGHT: 10px; WIDTH: 193px
}
.comment_p {
LINE-HEIGHT: 18px; PADDING-TOP: 5px
}

回答:
汗,看了你的站,貌似位置本身就不足以放两个哦,而且你网站的代码和你贴出来的代码不同,你用table,那只能用td咯

可能是css问题,建议找个类似的模块改一下

汗,看了你的站,貌似位置本身就不足以放两个哦,而且你网站的代码和你贴出来的代码不同,你用table,那只能 ...
dpd566n73 发表于 2011-10-4 08:21

弄了半天搞不了...不想弄了!