質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

1364閲覧

長い表を区切りたい colspanを使うのは間違い?

退会済みユーザー

退会済みユーザー

総合スコア0

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2017/10/02 12:59

長い表を区切りたいです。今、htmlに

<table border="1">
 <thead>
 <tr>
 <th colspan="2">AAA</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td rowspan="4">B</td>
 <td><a href="{% url 'index' %}" >b1</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >b2</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >b3</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >b4</a></td>
 </tr>

 <tr>
 <td rowspan="3">C</td>
 <td><a href="{% url 'index' %}" >c1</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >c2</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >c3</a></td>
 </tr>

 <tr>
 <td>D</td>
 <td><a href="{% url 'index' %}" >d1</a></td>
 </tr>

    <tr>
 <td rowspan="10">E</td>
 <td><a href="{% url 'index' %}" >e1</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >e2</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >e3</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >e4</a></td>
 </tr>
    <tr>
 <td><a href="{% url 'index' %}" >e5</a></td>
 </tr>
    <tr>
 <td><a href="{% url 'index' %}" >e6</a></td>
 </tr>
    <tr>
 <td><a href="{% url 'index' %}" >e7</a></td>
 </tr>
    <tr>
 <td><a href="{% url 'index' %}" >e8</a></td>
 </tr>
    <tr>
 <td><a href="{% url 'index' %}" >e9</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >e10</a></td>
 </tr>

 <tr>
 <td rowspan="2">F</td>
 <td><a href="{% url 'index' %}" >f1</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >f2</a></td>
 </tr>
      
    <tr>
 <td rowspan="4">G</td>
 <td><a href="{% url 'index' %}" >g1</a></td>
 </tr>
 <tr>
 <td><a href="{% url 'index' %}" >g2</a></td>
 </tr>
    <tr>
 <td><a href="{% url 'index' %}" >g3</a></td>
 </tr>
    <tr>
 <td><a href="{% url 'index' %}" >g4</a></td>
 </tr>

 </tbody>
 </table>


とtableを書きました。
この長い表を<td rowspan="10">E</td>
のところで<td rowspan="4">B</td>
の横にくっつけて4列にしたいです。

<th colspan="4">AAA</th>


としても長い表のままで、どうすれば良いのでしょうか?
どう直せば目的のアウトプットになりますか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

こういうことをしたいのかしら?

http://jsdo.it/a4t5634634267/mLjq

投稿2017/10/02 13:22

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問