我正在努力为我的网站制作一个外观更好的会员列表。 http://www.pimpkings.com/memberlist
<table width="100%" rules="cols" border="1" cellspacing="2" cellpadding="1">
<colgroup span="5" </colgroup>
<tr>
<td class="{memberrow.ROW_CLASS}" td align="center" width="200" valign="top" border="0" cellpadding="0">
<span class="gen"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></span>
<div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div>
<align="center" border="0" cellspacing="0" width="200">
<center><font face="verdana" decoration="yes" size="2" color="white">Information</font></center>
<br /><font face="verdana" size="1" color="green">Interest:</font> <br />
<span class="gen">{memberrow.INTERESTS}</span>
<br /><font face="verdana" size="1" color="green">Join Date:</font> <br />
<span class="gensmall">{memberrow.JOINED}</span>
<br /><font face="verdana" size="1" color="green">Last Visited:</font> <br />
<span class="gensmall">{memberrow.LASTVISIT}</span>
<br /><font face="verdana" size="1" color="green">Post Count:</font> <br />
<span class="gen">{memberrow.POSTS}</span>
<align="right" border="0" cellspacing="2" width="200">
<center> <br /><font face="verdana" size="2" color="green">Contact</font><br /></center>
{memberrow.PM_IMG}
{memberrow.WWW_IMG}
</tr>
</td>
</body>
问题是当我添加另一个
<td>
它使它重复了我正在调用的信息。我实际上将按照我所说的方式编写代码,因此当您访问该站点时,您将看到我在说什么。我只是不想让它重复任何会员信息。所以基本上
成员2.成员
成员4.成员
成员6.成员
是我的意思
不
1.成员1.成员
2.会员2.会员
...
有什么办法可以做到这一点?我正在使用论坛网站,并且可以访问CSS样式表以及此代码的位置。也许是Javascript代码???请尽快为我正在执行的代码提供帮助,该代码适用于开放站点,但很快就要开放的站点需要付费。请大家谢谢。
还有任何使成员背景表重复背景图像的方法吗?
我想制作3列,它们不重复地调用代码中列出的变量。
再次感谢
最佳答案
您不应该使用表格。欢迎来到CSS float的世界。这是一个适合您的新示例:
的HTML
<ul class="tableHold">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
的CSS
.tableHold {
overflow: auto;
}
.tableHold li {
float: left;
width: 100px;
border: 1px solid black;
}
Here's some more information on how things work.
Here's a fiddle to play with.