HTML表COLSPAN

：私はアイテムがちょうど午前中に行われますかどうかを示すことができるように、毎日HTML表COLSPAN

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head></head> 
<body> 
    <table border="1"> 
     <tr> 
      <td colspan="2">Mon</td> 
      <td colspan="2">Tue</td> 
      <td colspan="2">Wed</td> 
      <td colspan="2">Thu</td> 
      <td colspan="2">Fri</td> 
     </tr> 
     <tr> 
      <td colspan="1">Item1</td> 
      <td colspan="9">Item2</td> 
     </tr> 
    </table> 
</body>

は2の列をまたがってい1日のうちに

上記の例では、最初のセル（Mon morning）に「Item1」を表示し、月曜日の午後から金曜日までに表示する「Item2」を表示します。

しかし、出力を見ると「Item1」はMon全体を占めており、「Item2」はTueからFriまで表示されています。

私は何をしようとすることは可能ですか？

おかげ

出典

2012-01-22 chester600

私は、問題は、あなたが実際にあなたのスパンが実際に動作するためにcolspan="1"と行を持っている必要があるでしょうということだと思います。

あなたが実際になぜちょうどそうのように、「月火...金」行の下の行を追加しないで、自分のカレンダーにAM/PMを表す場合：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <style> 
    td,th { min-width: 50px; } 
    </style> 
</head> 
<body> 
    <table border="1"> 
    <thead> 
     <tr> 
     <th colspan="2">Mon</th> 
     <th colspan="2">Tue</th> 
     <th colspan="2">Wed</th> 
     <th colspan="2">Thu</th> 
     <th colspan="2">Fri</th> 
     </tr> 
     <tr> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td colspan="1">Item1</td> 
     <td colspan="9">Item2</td> 
     </tr> 
    </tbody> 
    </table> 
</body> 
</html>

私もヘッダを置きます<thead>に、実際のアイテムは<tbody>に、の代わりに<th>というタグを付けました。

出典

2012-01-22 14:57:10 Frost

あなたの返事をありがとう、これは仕事をしました。他の誰かが私にこれを提案しましたが、カレンダーが最終的に月のビューに拡大し、31 AM/PMのものがちょっと混乱するかもしれないので避けたいと思っていました。もう一度お返事します – chester600

他のほとんどのカレンダーと同じように、あなたは月ビューの別のビューを持っています。また、これがあなたの質問に答えた場合、あなたはその答えを受け入れるのですか？ – Frost

はこれを試してみてください：

<td colspan="1">Item1</td> 
<td colspan="1">&nbsp;</td> 
<td colspan="8">Item2</td>

出典

2012-01-22 14:49:33 Sparky

ご返信ありがとうございます。そうすることで、Monの2番目のセルに空のセルが置かれ、Monの2番目のセルが "Item2"セルの一部になります。 – chester600

申し訳ありませんが、あなたが達成しようとしていたことを誤解しました。あなたがしていることはうまくいくはずですが、ブラウザーでの表のレンダリングでは予期しない結果が生じることがあります。 COLWIDTHプロパティを設定して、カラムごとに特定のサイズ（たとえば10％）を使用するように強制してください。 – Sparky

問題はありませんが、私の質問ではおそらく少し不明でした。幅を設定すると、テーブルの表示には影響しないようです。フロストの返事は仕事をしたようだ。ご協力いただきありがとうございます。 – chester600

HTML表COLSPAN

答えて

関連する問題