0

私は自分のウェブサイトの見栄えの良いメンバーリストを作ろうとしています。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>&nbsp;&nbsp;<br />
<span class="gen">{memberrow.INTERESTS}</span>
    <br /><font face="verdana" size="1" color="green">Join Date:</font> &nbsp;&nbsp; <br />
<span class="gensmall">{memberrow.JOINED}</span>
    <br /><font face="verdana" size="1" color="green">Last Visited:</font> &nbsp;&nbsp;  <br />
<span class="gensmall">{memberrow.LASTVISIT}</span>
    <br /><font face="verdana" size="1" color="green">Post Count:</font>&nbsp;&nbsp;  <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>
&nbsp;{memberrow.PM_IMG}&nbsp;
&nbsp;{memberrow.WWW_IMG}&nbsp;
    </tr>
    </td>
    </body>

問題は、別のものを追加するときです

 <td>

それは私が求めている情報を複製します。私は実際に私が話している方法でコードを作成するので、サイトにアクセスすると、私が話していることがわかります. メンバー情報を複製したくないだけです。だから基本的に

  1. メンバー 2. メンバー
  2. メンバー 4. メンバー
  3. メンバー 6. メンバー

私が意味するものです

いいえ

1.会員 1.会員 2.会員 2.会員

...

これを行う方法はありますか？私はフォーラム Web サイトを使用しており、CSS スタイルシートとこのコードの場所にアクセスできます。多分Javascriptコード??? 私がやっているコードはオープンサイト用ですが、支払いが行われている間もなくオープンするサイトに必要です。どうぞよろしくお願いいたします。

また、メンバーの背景テーブルの背景画像を繰り返す方法はありますか??

コードにリストされている変数を繰り返しなしで呼び出す3つの列を作成したいと思います。

再度、感謝します

4

2 に答える 2

0

テーブルを使用しないでください。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;
}

ここでは、物事がどのように機能するかについての詳細情報を示します。 ここで遊ぶためのフィドルです。

于 2012-07-17T02:33:38.980 に答える
0

HTML

<div class="tableHold">
  <div> 1  </div>
  <div> 2  </div>
  <div> 3  </div>
  <div> 4  </div>
  <div> 5  </div>
  <div> 6  </div>
</div>

CSS

.tableHold {
  overflow: auto;
}

.tableHold div {
  float: left;
  width: 100px;
  border: 1px solid black;
}

http://codebins.com/bin/4ldqpakでこれを試してください

于 2012-07-17T09:48:18.050 に答える