• ベストアンサー

Tableの途中にスペースを入れたい。

Tableの途中になにもないスペース(なにもない改行みたいなの)を入れたいと思ってます。 要は全く別の2つのテーブルが離れてあるかのようなイメージで、 これを1つのテーブルIDにしたいと思ってます。 こういうことは可能でしょうか?

  • HTML
  • 回答数3
  • ありがとう数7

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

  • ベストアンサー
  • anmochi
  • ベストアンサー率65% (1332/2045)
回答No.1

こんな感じか。下のHTMLを一つのHTMLファイル(例えばtables.html)などとして保存し、ブラウザで開いてみてください。 <html> <head> <title>Input File Test</title> <style> table { border-collapse: collapse; } table tr td { border: black 1px solid; } table tr.blank td { border: black 0px none; } </style> </head> <body> <table> <tr> <td>あ</td> <td>あ</td> <td>あ</td> </tr> <tr> <td>あ</td> <td>あ</td> <td>あ</td> </tr> <tr> <td>あ</td> <td>あ</td> <td>あ</td> </tr> <tr class="blank" style="height: 40px;"> <td colspan="3"></td> </tr> <tr> <td>あ</td> <td>あ</td> <td>あ</td> </tr> <tr> <td>あ</td> <td>あ</td> <td>あ</td> </tr> <tr> <td>あ</td> <td>あ</td> <td>あ</td> </tr> </table> </body> </html>

evaag777
質問者

お礼

お返事が遅くなりました。ご回答ありがとうございました。 この方法で解決しました。 他の皆さんもご回答頂きありがとうございます。

その他の回答 (2)

  • tkmojo
  • ベストアンサー率50% (105/207)
回答No.3

無理矢理やろうとするなら、改行があるように見せたい位置のセルにclassを付けて、border等を消してheightを入力すれば見た目上は実現できるでしょう。 何故ひとつのidでやりたいかというのがよく伝わってこないのですが、 単純に二つのtableをdivか何かで囲んで、そのdivにidを付けるのではダメなんでしょうか?

evaag777
質問者

補足

なぜかと言うと、行の幅が変わるのを、2つのテーブルで合わせたい(プログラムで制御したくない)というのがあります。もしかすると私の知識不足でよい方法があるのかも知れません。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

tableが連続する場合にその間にマージンをとりたい場合は単純に table+table{margin-top:20px;} だけでよいです。 >これを1つのテーブルIDにしたいと思ってます。  IDは、ひとつの文書内にひとつしか書けません。table内にtableを入れることになります。 <table id="tableID">  <tbody>   <tr>    <td>     <table></table>     <table></table>    </td>   </tr>  </tbody> </table> しかし、これは文書構造上とてもおかしいです。  そもそもidやclassは「id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」です。デザインのためではありません。tableの場合、summary属性が必須です。(HTML5では必須ではない)から、table[summary="ナンタラの表"]{}でセレクタはかける。

関連するQ&A

  • テーブルを横に二つ並べるには?

    テーブル(2行5列)を4つ並べたいと思っています。 それぞれのテーブルとは若干のスペースが欲しいと思っています。 縦に並べるなら改行でもしてスペースを造ればいいと思うのですが、横にテーブルを(スペース有で)並べるにはどのようにしたら良いのでしょうか? どうぞよろしくお願いします。

  • 小さなテーブルを並べるには?

    小さな表組みをtableで作成します。 例えばテーブルが10個あったとして、ブラウザの横幅を変えると横に並ぶテーブルの数が変わって、常に上に詰まっていくようにしたいのです。 例)100pxの横幅のテーブルが10個。ブラウザの大きさが500pxの場合は、横に5個づつ2段で並ぶ。ブラウザを700pxに広げると、1段目に7個のテーブルが並び、2段目には3個のテーブルが並ぶ。 ↑ こんなイメージです。 画像だと改行せずに並べると同じような事が可能なのですが・・・。 テーブルをdivタグで囲ってfloat:leftをかけてみたのですが、途中まではうまく行くのですがダメでした。display:inline;も試してみましたがダメでした。 ちなみにwinXP IE6.0で作成しております。 解決方法がありましたらよろしくお願いします。

    • ベストアンサー
    • HTML
  • ワードで文章の途中での改行後、スペースが表示されなくなるのはなぜでしょうか

    ワードで文章を作り終わり、校正しようとしたところ、このような現象が出て困っています。 操作した手順と現象は次のとおりです。なお、編集記号は「すべて表示」にしています。 ・文章の途中にカーソルを持っていき、改行(当然改行され、次の行の行頭にカーソルが行きます)。そこでスペースを入力しても、スペース記号が表示されません。 ・文章の行末(改行記号のところ)にカーソルを持っていき、改行して同じようにスペースを入れると、きちんとスペース記号が表示されていきます。 今までこのようなことはなかったので(どこで改行してもスペース記号が表示されてました)、ツール、書式など設定の問題なのか、ファイル自体の問題なのか、全くわかりません。 文章の作成中、ツールや書式の設定を数箇所変えましたが、それが影響しているのでしょうか。 試しに、こういう現象の出ていない状況下で作成した昔の文書を開いて同じ事をやってみたら、同じような現象になったので、文書固有の設定の問題ではないのかもしれません。 ぜひいつでもスペースの記号が表示されるようにしたいのです。 あまり詳しくないので、ポイントがはずれているかもしれませんが、どなたかよろしくお願いします!

  • テーブル内にスペースができてしまうのはなぜ?

    テーブル内にさらにテーブルを入れた際、一部のセルだけ上部にスペースが空いてしまい 困っています。 下記のhtmlですが、左はテーブル内にテーブルを入れてもスペースができませんが 真ん中だけどうしても上にスペースが空いてしまいます。 全角スペースが隠れていないか確認しましたが無理でした。 ネットでもいろいろ調べましたが分かりませんでした・・・。 これは何が原因なのでしょうか? よろしくお願いします。 --------------------------------------------------------- <html> <head> </head> <body> <table border="1" width="750"> <tr><td width="150" valign="top"> <table border="1" cellspacing="0" cellpadding="0" width="140"> <tr align="center"><td bgcolor="#green">menu</td></tr> </table> </td> <td valign="top" width="480"> <table border="1" cellspacing="5" cellpadding="0" width="480"> <tr><td bgcolor="#d8de97" height="15" align="left" colspan="2">見出し</td></tr>  <tr><td bgcolor="#FFFFCC" width="240">項目名</td>  <td bgcolor="#FFFFCC" width="240">項目名</td></tr>  <tr><td bgcolor="#FFFFCC" width="240">項目名</td>  <td bgcolor="#FFFFCC" width="240">項目名</td></tr> </table> </td> <td width="120" valign="top">広告部分</td></tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • TABLE内でのスペース挿入について

    パソコン初心者です。 きっと簡単なことなんでしょうが、出来なくて困ってます。すみません、教えて下さい。 TRやTDのなかでテキストが2行になる場合、2行目の頭にスペースを2,3個入れたいのですが、ソースでみるとスペースが入ってるのに、ブラウザではスペースされません。 どうやったらできますか? 下のようなイメージにしたいのですが…。   … 〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇     〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇 今は、   … 〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇 〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇 こんな具合です。 よろしくお願い致します。

  • 途中の文章にスペースを導入したいのだが

    表現が分かりにくいかもしれません。 文字入力するときスペースを開けたいのですが可能ですか? 機種はau A5511T(東芝)です。 例えば ↓(改行) ab ↓ c d という文章があって cd(最後の行)は左右に入力位置が動けるのでスペースを開けれますが、ab間はスペースを開けることができません。 文字を入力する段階で開けておかないといけないのですか? これは仕様なのですか?

  • 複数のテーブルからのデータ抽出

    こんばんは。お世話になっております。 テーブル(A) id | no | image -------------------- 1 | みかん| aaa.gif 2 | なし | bbb.gif 3 | いちご| ccc.gif テーブル(B) m_id | t_id ---------------- 1  |  3 2  |  2 1  |  2 というようなテーブルがあるのですが、テーブルBのm_id、1を検索した際、t_idを抽出、かつそのt_idと同じ番号であるテーブルAのimageをも抽出したいと考えています。 結果としては、以下のような感じ。 3  ccc.gif 2  bbb.gif $m_id =$_GET["id"]; //途中省略 $sql= "select * FROM B INNER JOIN A ON B.m_id = A.id WHERE m_id = '$m_id'"; としているのですが、テーブルBのt_idは検索されるものの、テーブルAのimageは全てaaa.gifと返ってきてしまいます。 先日、こちらでテーブルの正規化として、データを分散させる考え方をお教え頂き、早速それに習って構成してみたのですが、思うようにデータを抽出出来ずにアドバイスを頂戴したく投函させていただきました。 先のソースで可笑しな点などの忠告や、アドバイスなど頂戴できれば幸いです。宜しくお願い致します。

    • ベストアンサー
    • MySQL
  • マスターテーブルからデータを取り出すには

    現在MySQLのデータベースで マスターのテーブルをつくりマスターにデータを保存し、 別のテーブルから、マスターのデータを取り出して PHPで表示させる方法を考えているのですが、どのようなやり方 があるのかまったくわかりません。 マスターテーブル id text 1  ほん 2  みかん 3  つくえ 4  でんわ 5  えんぴつ 別のテーブル id01 id02 id03 5   2   4 1   4   3 2   2   1 3   1   2 別のテーブルの1、4、3などはマスターテーブルのidと連動していて 3ならつくえ、4ならでんわとなるようにしたいです。

  • セル内、スペース位置で改行

    宜しくお願いします。 A列に品名があり、途中に半角スペースが有るものと無いものが混在しています。スペースの場所は色々です。 スペースが有るものについて、セル内での改行をしています。(手動) データ自体が他のシートからのコピー&ペーストのため回数と量が多いのでVBAでの処理をと思ったのですが、改行位置の指定をどうしたらいいのか分かりません。 申し訳ありません、ご教授下さい。

  • EXCELでのスペースと改行について

    結合したセル内に文章を入力する際、2行以上にわたると、途中で入力したスペースから勝手に改行されてしまいます。EXCEL2003ではそのようなことが起こらなかったのですが、スペースを入れても改行されない方法を教えてください。 セルの書式設定は、 横位置:左詰め、または標準 縦位置:上詰め 「折り返して全体を表示する」「セルを結合する」にチェック。 Windowsの設定で、スペースは常に半角にしています。 ■がスペースと仮定すると、 あいうえおかきくけこ さしすせそたちつてと のような2行以上の文章にスペースを入れると、 あいう■ えおかきくけそさしすせそ・・・ のようになります。 また、1行に2つ以上のスペースを入れると、 あいう■えおかき■ くけそさしすせそ・・・ のように、一番最後のスペースで改行されます。 昔にEXCEL2003で作成していた文章も、同様の書式に変えられ、スペースが入っているところで勝手に改行されており、とても見にくく(醜く)なっています。 色々ネット上で調べ、「検索にはCtrlとJを押す、置換にスペースを入力」、というやり方を見つけましたが、試してみたところ、「置換対象のデータが見つかりません。・・・」というポップアップが出、うまくいきませんでした。 どなたか、ぜひご教示下さい。よろしくお願いします。