• ベストアンサー

HTMLの<TABLE>タグの線の表示/非表示について

HTMLのテーブルタグの線の表示/非表示について教えてください。 2行3列のテーブルがあります。 ●元テーブル ------- |あ|い|い|  ------- |あ|う|え| ------- ●加工したい形式 ------- |あ|い|い| ------- |あ|う え| ------- 上記のように、「う」「え」の間のみ、線を消したいと思っています。 (出来れば、CSSなどは使わずに設定したいと考えてます) TABLEタグのFRAME属性を使って制御できそうかと思いましたが、 一部分だけというのは出来ませんか? よろしくお願いいたします。

  • HTML
  • 回答数5
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • chie65535
  • ベストアンサー率43% (8519/19367)
回答No.2

↓こう? <table border="1"> <tr> <td>あ</td> <td>い</td> <td>い</td> </tr> <tr> <td>あ</td> <td colspan=2><table border="0" cellspacing="0"> <tr> <td>う</td> <td></td> <td></td> <td></td> <td>え</td> </tr> </table></td> </tr> </table>

MixNuts
質問者

お礼

実際はもう少し複雑なテーブルで、デザイン(文字表示の開始位置など)は崩したくないため、セルの結合以外の方法で出来れば… と思ってます。

MixNuts
質問者

補足

スミマセン。 先ほどのお礼文、記入場所を間違えました。 なるほど、テーブルの中にテーブルを作成して、そこを非表示にするという方法ですね。 使えるかもしれません、試してみます。 ありがとうございます。

その他の回答 (4)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.5

<table border="1"> <tr> <td>あ</td> <td>い</td> <td>い</td> </tr> <tr> <td>あ</td> <td colspan="2"> <div style="width:48%; float:left;">う</div> <div style="width:48%; float:right;">え</div> </td> </tr> </table> ------------------------ 難しく考えるよりも、ごく単純に、 td colspanで融合し、divをfloatさせて枠設定 %の幅変更によって「え」の開始位置の調整変更可能。 FRAMEを使うという発想は無しですね・・・

  • chie65535
  • ベストアンサー率43% (8519/19367)
回答No.4

応用すればこんな事も <table border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan=5 bgcolor="#000000"></td> </tr> <tr> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>あ</td></tr></table></td> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>い</td></tr></table></td> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>い</td></tr></table></td> <td></td> </tr> <tr> <td colspan=3 bgcolor="#000000"></td> <td></td> <td colspan=3 bgcolor="#000000"></td> </tr> <tr> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>あ</td></tr></table></td> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>う</td></tr></table></td> <td></td> <td><table cellspacing="5"><tr><td>え</td></tr></table></td> <td bgcolor="#000000"></td> </tr> <tr> <td colspan=7 bgcolor="#000000"></td> </tr> </table>

  • chie65535
  • ベストアンサー率43% (8519/19367)
回答No.3

「背景色を指定したセルで枠を描く」と言う方法もある <table border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan=7 bgcolor="#000000"></td> </tr> <tr> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>あ</td></tr></table></td> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>い</td></tr></table></td> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>い</td></tr></table></td> <td bgcolor="#000000"></td> </tr> <tr> <td colspan=7 bgcolor="#000000"></td> </tr> <tr> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>あ</td></tr></table></td> <td bgcolor="#000000"></td> <td><table cellspacing="5"><tr><td>う</td></tr></table></td> <td></td> <td><table cellspacing="5"><tr><td>え</td></tr></table></td> <td bgcolor="#000000"></td> </tr> <tr> <td colspan=7 bgcolor="#000000"></td> </tr> </table>

  • ann_dv
  • ベストアンサー率43% (528/1223)
回答No.1

単純にcolspanを使えば出来ると思いますが、colspanでは何か不足でもあるのでしょうか。

参考URL:
http://netneko.jp/homepage/tablejiyuu.html
MixNuts
質問者

お礼

実際はもう少し複雑なテーブルで、デザイン(文字表示の開始位置など)は崩したくないため、セルの結合以外の方法で出来れば… と思ってます。

関連するQ&A

  • HTMLタグ

    5日ほど前からブログ記事を見ようとすると、広告表示が長く伸びてかぶってしまい、全く記事が見えなくなってしまいました。ブログ編集の記事を確認する際にも、その状態ですので不便を感じております。そこでブログの会社に問い合わせをしたところ、以下の回答が届きました。 該当の現象は、メッセージボードや記事内、フリースペースなどでご利用されているHTMLタグの閉じ忘れや、タグの記述に誤りがある場合に発生します。 HTMLタグの形式に問題がないか、ご確認ください。 ※記事投稿後に表示崩れが発生している場合は、記事内にてご利用している、HTMLタグが起因している可能性がございます。 なお、CSS編集をご利用されている場合、CSSの具体的編集方法や、編集による表示崩れ等に関しましてはサポート対象外とさせていただいております。 HTMLタグってどうやって閉じるんですか? 上記の内容が全く理解できず…ブログのタグやHTML。CSSとか言われてもさっぱりわかりません。会社のブログでやめるわけにもいかないので、初心者でもわかるように教えて頂けると助かります。

  • HTML5で削除されるタグはどうなりますか?

    私は1900年代からホームページを作成してきました。 そのころはCSSもありませんでした。やっとCSSを習得できたと思ったら今度はHTML5です。 そこで疑問に思ったのですが、HTML5で削除されるタグです。たとえば<frame>のタグです。HTML5ではその代わりはあるのでしょうか?参考になる情報があれば教えてください。 他にも<font><center>など使い慣れたタグが削除されるのはなぜでしょうか?

    • ベストアンサー
    • HTML
  • HTMLタグで続きを読む

    はじめまして。書き込むのは初めてですがいつもここには助けられている者です。 今現在私はHTMLタグでHPを作っているのですが、この前に使っていたFC2ブログでは「続きを読む」という機能があり、とても重宝していたので、HTMLでも使いたいなあと思っているのです。 とりあえずやりたい事(理想)としては、 ・CSSを使わない(javascriptは可 ・別窓表示にしない の2つが大前提になっています。CSSは、既に素材を使わせていただいているので、加工の方法が分からないからです。もし加工の方法を教えていただけるならありがたいです。

  • DLタグ と TABLEタグ

    dl・dt・ddタグは、本来1行ほどずれて表示されるタグだと思うのですが、 tableタグのように1行に並べて表示できることを知りました。 (TRやTDのように) 例) ユーザー名:テキストボックス パスワード :テキストボックス ⇒tableでもDL一式でも可能だと思っております。 ただ、DLとかDTタグを横に並べて使用するぐらいなら tableタグでやったほうが早いと思ってしまうのです。 たぶん何かメリットがあると思うのですが そのメリットがわかりません。 tableタグ一式で、横並びの表を作成するより DLタグ一式でやったほうがいいメリットを 教えて頂けないでしょうか。 ご教授よろしくお願いします。 以上です。

    • ベストアンサー
    • CSS
  • hrタグで線を1本表示しようとしたら線が2本表示されてしまいます

    こんばんはao-usaと申します。お時間のある方お願いいたします。 現在フレームサイト(上中下の3つに分けています)を作っているのですが、 上のフレームの下方と下のフレームの上方に線が1本ずつ入ったデザインにしようと『table』の中に『hr』タグを使ってみたのですが、何故か上下のフレームとも線が2本ずつ表示されてしまいます。 特別なタグは打っていないと思うのですが、どこを見ても問題のタグが分かりません。 どなたかアドバイスいただけないでしょうか。よろしくお願いいたします。 http://www.h7.dion.ne.jp/~chaos-y/sample/index2.html

    • ベストアンサー
    • HTML
  • <table>の中の全ての線の表示

    <table>でCSS(下)を使って、枠線ができたのですが、外側だけしか線が出ないのですがCSSのみで内側の線を全て表示することはできるでしょうか? table { border : 1px solid #000000; } 回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • objective-cでのHTMLタグ表示について

    iOSのアプリを作っています。 HTMLのタグが入っている文字列を タグを解釈して表示したいです。 WebViewで上記が表示できることは わかっているのですが、WebView以外で HTMLのタグ入り文字列の解釈と表示が できる方法をご存知であれば教えてください。 よろしくお願いいたします。

  • フレームの際のHTMLタグ表示について

    ホームページを新たにフレーム式に作成しました。 ページの表示には問題が無いのですが、 何故か、右側のメインのページのHTMLタグがソースで すべて表示されています。 通常フレームの場合のタグは見えなくなりますよね。 (御覧になるにはフレームが読み込めるブラウザーが必要です・・・とかの表示で) OSはウインドウズME ブラウザーはIE5.5 ホームページビルダーによって作成しました。 普通のフレームのページのようにタグが見えないように したいのですが、何が間違えているのか、問題なのか わかれば、是非お教えください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • TABLEタグの幅指定

    テーブルの幅を厳密に指定したいのですが、 例えば以下のような1行2列のテーブルがあるとき、 <TABLE CELLSPACING=1 CELLPADDING=4 BORDER=0> <TR> <TD WIDTH=100>***</TD> <TD WIDTH=100>***</TD> </TR> </TABLE> このような場合にテーブルタグにWIDTH属性を加えるとすると、 100*2+4*4+1*3=219で、WIDTH=219が正確な値なのでしょうか? よろしくお願いします。

  • フレームのHTMLタグ

    最近NINJA TOOLSのレンタルサーバー(?)で、HPを作ったのですが、フレームの作り方が分かりません。 しかも、下記のページで作ったフレームは上手く表示できません。 →http://fmaker.s181.xrea.com/index.html フレーム用のHTMLタグって、あるのかどうか分かんないんですけど…。 もしあるんでしたら、教えてください。 分かりにくい質問でごめんなさい。 回答、お願いします。

専門家に質問してみよう