0

私はphpでコード化されたテーブルを使用して、xmlフィードで2つの列の結果を形成しています。列は正常に形成されます。問題は、2番目の列が途切れるということです。

ここでの例： http ：//www.qrrw.net/b

私のCSS 

td.manu {
    background: url("../images/manu_button.fw.png") no-repeat; 
    height: 87px; 
    width:478;  
    font-family:Arial,Helvetica, sans-serif; 
    color:#309;
    font-size:12px;
}

Chrome Web開発者プラグインを使用すると、2番目の列の幅が異なることが示されますが、同じクラスを使用しています。

以下は私のPHPコードです：

$count = 0;
$max = 2;
foreach($xml->name as $name){               
    $count++;
    echo '<td class="manu">'. $name['name'];'</td>';

    if($count >= $max){
        //reset counter
        $count = 0;
        //end and restart
        echo '</tr><tr>';
    }
}
?>

最終的なHTML

  <table border=0 width="800px">
  <tr>
  <td class="manu">3000 ME</td><td class="manu">Ace</td></tr><tr><td class="manu">Cobra MK IV</td>    </tr></table>

ありがとう

4

2 に答える 2

4

あなたはあなたのCSSを間違えました。以下のcss のコメント行
を 確認してください。

幅の変更：478; 幅： 478px ;

td.manu {
  background: url("../images/manu_button.fw.png") no-repeat; 
  height: 87px; 
  width:478;  /*------------------- add "px" after the value here--------------*/  
  /*----- 478px instead of only 478 ------*/
  font-family:Arial,Helvetica, sans-serif; 
  color:#309;
  font-size:12px;
}
于 2012-11-09T10:05:54.567 に答える
1 
td.manu 
{
background: url("../images/manu_button.fw.png") no-repeat; 
height: 87px; 
width:478;  
font-family:Arial,Helvetica, sans-serif; 
color:#309;
font-size:12px;
padding-left:23px;
}

.manu a
    { 
       padding-left: 0;
    }

と

テーブル幅の変更

<table width="907px" border="0">
      <!-- put Code here -->
</table>
于 2012-11-09T09:58:14.683 に答える