- ベストアンサー
テーブルを横に並べたい
お世話になります。HTML初心者で、入門書を見ながらHPを作っています。 テーブルを2つ横に並べたいのですが、 まず画面左に適当な表（表１）を作りました。そして、表１の右に見た目で3cm程間をあけて、同じ表を作りたいのですが、どういうタグを打てばいいのでしょうか。 よろしくお願いします。
- snufkin0614
- お礼率27% (277/1022)
- HTML
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんばんは。頑張っていらっしゃいますね。 いろんな方法がありますが、入門レベルで最もわかりやすいのはテーブルを三つ並べる方法かと思います。 必要なテーブルの数は二つですから、左と右のテーブルを本来の表として使い、真ん中のテーブルは横幅を３Cmくらいに設定して無地のままにします。枠線も書き込みの文字も無ければ、単なる間のスペースに見えるだろうという魂胆です。 見本のタグを書いておきます。 <html> <head><title>3Cmくらい間をあけてテーブルを二つ</title> </head> <body> ３Cmくらい間をあけてテーブルを配置してみましょう。<br> <table> <tr> <td><table border="1"> <tr><td width="300" height="200"><font size="5">表１</font></td></tr></table></td> <td width="92" border="0"> </td> <td><table border="1"> <tr><td width="300" height="200"><font size="5">表２</font></td></tr></table></td> </tr> </table> </body> </html> １番目と３番目のテーブルでは、「border="1"」と指定して枠線を表示しています。 ２番目のテーブルのみ、「border="0"」と指定して枠線を表示しないようにしてます。この対比で２番目のテーブルの存在感をなるべくわからないようにしている訳です。 ２番目のテーブルで「width="92"」と指定していますが、ここがミソです。これは「２番目のテーブルの幅を92ピクセルで表示しなさい」と指定するタグですが、Windowsパソコンの画面ではこれでほぼ３センチになります。ただし、Macintoshのパソコンで表示すると、画面の規格が異なるので、２番目のテーブルの幅は３センチよりも少し大きく表示されてしまいます。こればっかりは規格の違いが原因なのでどうしようもありません。 あと、２番目のテーブルの<td>タグと</td>タグとの間に半角スペースをわざと入れています。ここには何も無い場所ですが、ブラウザの種類によってはこの半角スペースが入ってないと２番目のテーブルがつぶれてしまうこともあるので、念のために入れています。このあたりは、出来たHTMLを何種類かのブラウザで表示テストしてから本番で使うようにした方が良いです。
その他の回答 (2)
- iiikkk
- ベストアンサー率37% (92/247)
<table> <tr> <td><table>左の表</table></td> <td><table>3cm指定</table></td> <td><table>右の表</table></td> </tr> </table> これでどうでしょうか。
- -ria-
- ベストアンサー率22% (45/198)
これは読み込みの問題とかがあるのであまりオススメじゃない方法ですが... 横３枠の枠非表示のテーブルをつくって、その中の左の枠にテーブル（表１）を入れ、真ん中の枠はセルの大きさ指定で３ｃｍあけ、右の枠にテーブル（表２）を入れるというのはどうでしょう？
関連するQ&A
- テーブルの横に文字を置くタグ
テーブルの横に文字を表示したいのですが、どうしてもテーブルの上、もしくは下に表示されます。どのようなタグを使えば横に並べることが出来るのでしょうか？ ちなみに右にテーブル、左に文字としたいのですが．．．
- 締切済み
- HTML
- テーブルと写真を並べて表示
ＨＰをＨＴＭＬ（メモ帳）で作っています。 テーブルと写真を並べて（テーブルを左、写真を右に）表示させたいと思っています。 でも、改行も入れていないのにテーブルの下に写真がきて、縦に並んでしまいます。 無知なだけの質問かもしれませんが、どうやったらテーブルと写真を横に並べることができるのか教えてください。
- ベストアンサー
- HTML
- tableを利用したときセル幅は指定できますか？
お世話になります。 HTMLでtableを利用したときに2列あると、タグ幅が左と右の文字数で 影響を受けてその都度、変わってしまします。 これを左の幅をいくつ、右の幅をいくつと指定（固定）出来ますでしょうか。 宜しくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画面表示とともに、テーブルの横スクロール位置を指定したい
HTMLおよびJavaScriptに関して教えてください。 現在HTMLにテーブルタグを使用して、5か月分の日割りの表を作成しています。横に日付を設定する必要性から、テーブルの横スクロールを出して１画面で見せています。（かなり長い横スクロールのテーブルです） このとき、前月、今月、次月、次々月、次々次月と表示することとなり、表の始まりが前月となっています。 要望としては、画面を開いたときに、今月の位置で横スクロールされた状態になっていて欲しいのです。 縦の位置であれば、アンカーを使えば良さそうですが、テーブル内の横スクロールの制御は出来なそうで、、、 以上、よろしくお願いします。
- ベストアンサー
- JavaScript
- ＨＰ作成。テーブルの横にも下にも文字を入れたい。
ＨＰ作成。テーブルの横にも下にも文字を入れたい。 お世話になります。ＨＰを作成しています。わからないことがあります。 タイトルにもしましたが、テーブルについてです。 下記のような感じにページの途中をしたいのですが、どのようにすれば。 ☆テーブル１ －－－－－－－ －－－－－－－ ｜（テーブル１）｜ → ｜（テーブル２）｜ －－－－－－ －－－－－－－ １の補足 違う内容 テーブル１に align="left" と入れたら、 その後入力した分がすべて テーブル１の右になってしまいました。 右になってほしいものと、 下に別項目としたいのとあるのですが、できません。。 アドバイスください。
- ベストアンサー
- その他（インターネット・Webサービス）
- （HTML）Tableを任意の位置に置きたい
今晩は、ｈｔｍｌ初心者です、宜しくお願いします。 TABLE（表）を任意の位置におきたいのですがタグの書き方がわかりません。 参考書等を見ましたが、センターとか右寄せとかの例ばかりで肝心の内容に触れてなくて参考になりません。 ｈｔｍｌに詳しい方、どなたか宜しくお願いします。 DIVとかを使うとある一定の部分をDIV領域としての領域を使うことになります。 単にTableの領域だけを任意の場所にピンポインントで設定（例えば上から３００ｐｘ、左から３００ｐｘ） したいですが、他のアプリケーションンを使わないとタグでは指定出来ないのでしょうか。 設定条件として、表挿入後に表の上下左右に自由に文字、イメージを入れることが出来るということです。 そもそもｈｔｍｌはそのような自由度のある条件を設定すること自体を考えていないのでしょうか。
- ベストアンサー
- HTML
- HTMLのテーブルについて
HTMLで表を作って、中央寄せにすると、 中の文字もセルの中央にいってしまうのですが、 出来れば文字はセル内の左に寄ったままで、 表そのものを中央に寄せたいので困っています。 どのようにタグを入力すればよいのでしょうか？ 超初心者です。よろしくお願いいたします。
- ベストアンサー
- HTML
- TABLEタグについて
HTMLを勉強し、HPを作成中です。 更新履歴をつけようと思い、その内容を TABLEタグで表の中に表示させようと思っています。 そこで履歴の内容ですが、HTMLに直接書くのではなく テキストファイルを読み込んで、そのテキストの中身を テーブルに表示させることはできないでしょうか？ 表示させてい内容は、 □2004/05/01 サイト完成 □2004/05/05 リンクを１件追加 などです。よろしくお願いいたします。
- ベストアンサー
- HTML
- tableの横の位置を変えるには？？
<div> <table> <tr><td>あ</td><td>い</td></tr> <tr><td>う</td><td>え</td></tr> </table> </div> が仮にあったとして、これを外部ＣＳＳファイルでどこかのタグに text-align:center を適用させ、テーブルの位置を真ん中にさせたい（表のような使い方です）んですが、自分でやってみたら、divとtableにＩＤとclassで両方試して適用させましたができませんでした。 この表の横の位置をブロックとしてとらえて移動させることはできる でしょうか？？
- ベストアンサー
- HTML
