2011-07-25 13 views
1

私はHTMLテーブルを構築しました:のHTML建物の問題

<table cellpadding="0" cellspacing="0" border="0" style="width:1000px" id="maintable"> 
    <thead> 
    <tr> 
     <th class="asc" width="30"><h3>ID</h3></th> 
     <th width="200"><h3>Name</h3></th> 
     <th width="200"><h3>Artist</h3></th> 
     <th width="150"><h3>Album</h3></th> 
     <th width="60"><h3>Time</h3></th>  
    </tr> 
    </thead>  
    <tr class="evenrw"> 
     <td class="evensl" align="center">i++</td> 
     <td align="left"><a href="link">link name</a></td> 
     <td align="left">name</td> 
     <td align="left">name</td> 
     <td align="center">name</td> 
    <tr> 
<table> 

問題は、テーブル全体が大きくなるように、私は、行の中で何かを入れたときに、大きな代わりにセルのheightを作るためにとにかくがあることです細胞のwidth

+0

CSSで幅を強制的に試してみてください。これはコンテンツを一緒にプッシュして、セルをそれに合わせて高くする必要があります。 – Bojangles

+0

この質問に回答してください。 [ワードラップHTMLテーブルで] [1] [1]:http://stackoverflow.com/questions/1258416/word-wrap-in-a-html-table – Shoban

+0

しかし問題は、もし私が小さなテキストを持っているのであれば、私は1行しか必要ではないが、テキストは長いので2行が必要だということです。 – MTA

答えて

1

テーブルの幅は1000pxに設定され、個々のテーブルの列は約600pxの合計に設定されています。幅が少し混乱テーブルはそう=「1000px」スタイルを削除し、答えが動作する場合それが問題に

jsfiddle example

を修正する必要があり、選択した答え:)

PART TWOとしてそれをマークしてください

表の上にバナーを追加するには、表の上に別の<div>を追加するだけです。だからそれはだろう

<div id="banner_or_something"> 
    <!-- INSERT BANNER CODE HERE--> 
</div> 
<table cellpadding="0" cellspacing="0" border="0" style="width:1000px" id="maintable"> 
    <!--TABLE CODE HERE--> 
</table> 
+0

と私はテーブルの同じ幅にする必要があるテーブルの上部にバナーがある場合? – MTA

+1

それを上のコードに追加すると、すべてのコードを処理できます。 – LeeR

+0

あなたのバナーの幅はどれくらいですか?それはテーブルの中に、またはテーブルの上に行くのですか? 以上になるのですか?上記の場合、はではありませんが、それは別の話です。あなたはいくつかの詳細情報を提供してください.... – LeeR

0

tdタグでCSS div &クラスを使用してください。例:

.aaa td{ 
width:200px; 
/* all attributes you want*/ 
} 

は、私はそれはあなたに役立つことを願っています