プロが教えるわが家の防犯対策術!

基本的な質問でお恥ずかしいのですが、困っています。
テーブルを二つ、縦に並べたいのですが、何故か横に並んでしまいます。
どこが悪いのでしょうか?初心者ですみません…お知恵をお貸しください(T_T)。

<caption><font color="#ff0000">●</font>A
<font color="#0000ff">●</font>B</font></caption>
<table bgcolor="#80ffff" border="1"cellspacing="0" bordercolor="#0000ff" align="left">
<tr><th width="30"><font size="+5"><font color="#ff0000">●</font></th>
<th width="150">
<font size="+4"><strong><big>C</big></strong></font></th>
<td><font size="+2">D<br>E</font></td></tr>
<tr><td></td><td><div align="center">
<font size="4" color="#8080ff">
準備中</font></div></td><td></td></tr></table>
</p></div>
<p></p>
<table align="center" bgcolor="#80ffff" height="20" width="250" border="1"
cellspacing="2" cellpadding="0">
<tr><td><blink>HOME</blink></td></tr>
</table>
</body>

このQ&Aに関連する最新のQ&A

A 回答 (6件)

 


  乱暴な方法かも知れませんが、わたしなら、もう一つテーブルを造り、そのなかに、二つのテーブルを収めてしまいます(入れ子にする訳です)。つまり
 
<TABLE border="0"><TR><TD>

<table bgcolor="#80ffff" border="1"cellspacing="0" bordercolor="#0000ff" align="left">
<tr><th width="30"><font size="+5"><font color="#ff0000">●</font></th>
<th width="150">
<font size="+4"><strong><big>C</big></strong></font></th>
<td><font size="+2">D<br>E</font></td></tr>
<tr><td></td><td><div align="center">
<font size="4" color="#8080ff">
準備中</font></div></td><td></td></tr></table>

</TD></TR>

<!-- </p></div>
<p></p> -->

<TR><TD>

<table align="center" bgcolor="#80ffff" height="20" width="250" border="1"
cellspacing="2" cellpadding="0">
<tr><td><blink>HOME</blink></td></tr>
</table>

</TD></TR></TABLE>

  貴方のスクリプトはどこか変ですが、( <!-- -->で囲んだ部分は、対応するタグがなく、また無意味なので、伏せました。他にも無駄なものがあります)、それは置いておくとして、「大文字のタグ」がわたしが書き入れたタグです。これで、二つのテーブルは縦に並びます。
  なお、最初のテーブルで、align=left としてるので、二つ目のテーブルが、第一のテーブルの右に回り込むのだとも思えます。
 
    • good
    • 0
この回答へのお礼

ご回答有り難うございました。見事に縦に並びました。
助かりました!
感謝致します。表の中の表は、応用がききそうですね。
>貴方のスクリプトはどこか変ですが
まったくもってその通りで、お恥ずかしいです。
変だけど映ればいいや式に荒っぽい事をやっているんですが、
それでいつも通用する訳ではないですね…精進いたします;

お礼日時:2001/11/02 20:01

ヒマなので、実際やってみました。


こんなの↓はどうですか??

<caption><font color="#ff0000">●</font>A
<font color="#0000ff">●</font>B</font></caption>

<table border=0>
<table bgcolor="#80ffff" border="1" cellspacing="0" bordercolor="#0000ff" align="left">
<tr><td width="30"><font size="+5"><font color="#ff0000">●</font></td>
<td width="150"> <font size="+4"><strong><big>C</big></strong></font></td>
<td><font size="+2">D<br>E</font></td></tr>
<tr><td></td>
<td><div align="center"> <font size="4" color="#8080ff"> 準備中</font></div></td>
<td></td></tr>
</table>
<table bgcolor="#80ffff" height="20" width="250" border="1">
<tr><td><blink>HOME</blink></td></tr>
</table></table>
</body>
    • good
    • 1
この回答へのお礼

ご回答ありがとうございました。
うーん、右横に並んでます…;やはり align="left" が原因の様ですね。
お手を煩わせて申し訳ありません;

お礼日時:2001/11/02 19:52

 


  補足です。
  わたしが書き加えた最初のタグを次のようにすると、第二のテーブルが中心に来ます。
 
<TABLE border="0" width="100%" align=center><TR><TD>

  上のスクリプトに変えて、先のタグを追加したスクリプト全体を、そのままコピー&ペーストすれば、綺麗に縦に並びます。
 
    • good
    • 0
この回答へのお礼

補足までして頂いて有り難うございます。
早速作り変えますね。

お礼日時:2001/11/02 20:20

なぜ横に並ぶかといえば、1つ目のTABLEタグで「align="left"」と指定しているからです。


恐らくテーブルを左に寄せて表示しようとしたのでしょうが、これは「テーブルを左に表示し、その右にテキストなどを表示するための指定」なので、次の2つ目のテーブルが右に表示されてしまうのです。
(通常はalignを指定しなくても、テーブルは左に表示されます。)

alignを指定したままでこれを直すには、2つ目のTABLEタグの前に、
 <BR clear="all">
を入れます。これは一切の回り込みを解除するタグです。
 </p></div>
 <p></p>
の部分はstarfloraさんの言う通り不要ですので、これの代わりに上記タグを入れてあげるとよいでしょう。
    • good
    • 0
この回答へのお礼

ご回答有り難うございました。助かります。
align="left"が何故いけなかったのか良く判りました。
回り込み禁止タグも、使用したいと思います。
実はフリーソフトのHTMLエディタで書いているのですが、
理解の無いまま使いこなすには少々無理があったようです;

お礼日時:2001/11/02 20:14

<table bgcolor="#80ffff" border="1"cellspacing="0" bordercolor="#0000ff" align="left">の「align="left"」を削除してください。



あと,<tr><th width="30"><font size="+5"><font color="#ff0000">●</font></th>の部分のFontの指定ですが,<font size="+5"><font color="#ff0000">とせずに<font size="+5" color="#ff0000">としてください。
また,Bのあとの</font>もいらないですね。
    • good
    • 0
この回答へのお礼

ご回答有り難うございました。
やはりalign="left"が原因なのですね。
font指定のミスもご指摘頂き、重ねてお礼申し上げます。早速削除します。

お礼日時:2001/11/02 20:06

2つ並び



<table width="200" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
    • good
    • 0
この回答へのお礼

素早いご回答ありがとうございます。
私の書き方が誤解を招いた様で申し訳ありません;

お礼日時:2001/11/02 19:45

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか?
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

2列のテーブルを作ったらいかがでしょうか?
<table>
<tr>
<td>1つめのテーブルに入れる内容</td>
<td>2つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば2つ並びます。
<table>
<tr>
<td><table>←1つめのテーブル→</table></td>
<td><table>←2つめのテーブル→</table></td>
</tr>
</table>

Qテーブルとテーブルの間隔について

同じサイズのテーブル縦にいくつか並べているのですが、今現在は全く隙間無くくっついています。

これを少しだけ(改行タグ<br>の半分以)間隔を空けたいのですが、どうすれば良いのでしょうか?

Aベストアンサー

一番シンプルな方法としては
<table>タグを<table style="margin-bottom:○○px">と書き直します。

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qtable表を横に並べる際の間隔指定

<table style='float : left;'>
を用いて、tableを並べています。
この時table同士がくっついてしまうのですが、間隔を開ける方法がありましたら教えて下さい。

Aベストアンサー

マージンをあければいいのでは?

<table style="float:left;margin:5px;"> などなど...。

margin-left:10px; と、左側だけを指定する事も出来ます。
margin-right、margin-top、margin-bottom などなど。

Qボタンを横に並べて表示させる方法

<input type="button"> ←このボタンを、並べて表示させるにはどうしたら良いでしょうか? (tableは使わない方法で) よろしくお願いいたします

Aベストアンサー

ソースをください。

inputはインライン要素なので改行は入らないです。

QTABLEのセルの中の文字を行単位、セル単位で色を変えたい

urizakaです
さて、質問なのですが、<TABLE>の中のセル<TD>の中に入れる文字の
色を変えることってできるんでしょうか?
それも、行単位とかセル単位という細かい単位で…
javaScriptを使うとできそうな気もしますが…
すみませんが、この件についてご存知の方宜しくお願いします。

Aベストアンサー

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし1</font> ・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく、真ん中にあり、しかもセル全部が
くっついているテーブルになる。

リンクを指定したい場合は

<tr align="center" bgcolor="#6f9fff">
<td><A HREF="****"><font size="2" color="red">お知らせ</font></A>
</td></tr>

と書けばいい。

bgcolorとfontcolorは16進数で表してもいいし、色の名前を
そのまま指定してもいいはず。色は COLOR CHART を検索して見つけて
ください。

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし1</font> ・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく...続きを読む

Qtableを縦に続けるとtable間の空間が気になります

tableを使ってHPを作っていますが、tableを下記のように縦にいくつも作っていると各table間が中途半端に隙間が出来てしまいます。もっと上下のtableをくっつけたいのですが何か方法は無いでしょうか?

<table> <tr><td></td></tr></table>
------------ ここ ----------
<table> <tr><td></td></tr></table>
------------ ここ ----------
<table> <tr><td></td></tr></table>

Aベストアンサー

<table>~</table>の中で
<td>~</td>の間以外の場所に
<br>や全角スペースを使っていませんか。(<tr>の前後とか)
それらをすべて削除しましょう。

Qテーブルの位置を細かく指定したい。

現在、テーブルを組み合わせたサイトを作っていまして
そのテーブルの位置に悩んでおります。


背景固定で一つ大きめのイラストを置いていまして
そこに合わせてテーブルの位置を細かく調整したいのです。

center、left、rightの偏った3種類の位置じゃなく
左から200ピクセル程度の位置にテーブルを置きたいのです。

この様なタグはありませんか?

これはCSSなどて指定するしかないのでしようか?

Aベストアンサー

>左から200ピクセル程度の位置にテーブルを置きたいのです

<TABLE style="margin-left:200px;">
<TR><TD></TD></TR>
</TABLE>

CSSを使っての指定になると思います。

Q複数のボタンを等間隔に、かつ中央に配置する

ホームページで、ボタンを横に3つ等間隔に、適度な余白をもって並べ、
さらにその3つがちょうどページの中央に表示されるようにしたいです。
cssをどのように記述すればいいですか?
↓下記のようなイメージにしたいです。

--------------------
--------------------
    □ □ □  ←これがボタンです


↓htmlファイルです↓
<div class="button">
<input type="submit" value="<< 戻る <<" />
</div>

<div class="button">
<input type="submit" value="選択リセット" />
</div>

<div class="button">
<input type="submit" value=">> 進 む>>" />
</div>

↓CSSファイルです↓
div.button {
padding-right:35px;
float:left;
}

上記設定で、ボタンの左右間隔はいい感じにあいたのですが
全体的に左に寄ってしまってます。

よろしくお願いいたします。

ホームページで、ボタンを横に3つ等間隔に、適度な余白をもって並べ、
さらにその3つがちょうどページの中央に表示されるようにしたいです。
cssをどのように記述すればいいですか?
↓下記のようなイメージにしたいです。

--------------------
--------------------
    □ □ □  ←これがボタンです


↓htmlファイルです↓
<div class="button">
<input type="submit" value="<< 戻る <<" />
</div>

<div class="button">
<input type="submit" value="選択リセット" />
</div>

<div class="button...続きを読む

Aベストアンサー

<div class="button">
<input type="submit" value="<< 戻る <<" />
<input type="submit" value="選択リセット" />
<input type="submit" value=">> 進 む>>" />
</div>

div.button {
text-align:center;
}
div.button input {
margin: 0px 20px;
}

Qテーブル内の一部のみ線を変更する方法ってありますか?

いつもお世話になっております。どなたか教えて下さい。
無理なら無理で結構ですので不可能だと回答下さい。

あるテーブル内の一部のみ線を点線にしたり、線幅を細くする方法があれば教えてほしいのですが・・・可能でしょうか?

イメージはエクセルのように一部の罫線だけを変更したいのです。宜しく御願いします。

1つのテーブルで実現不能ならば、複数のテーブルを自由に結合する方法とかないでしょうか?

むちゃくちゃ言って申し訳ありませんが、どなたか救いの手をお願いします。

ちなみにブラウザはIE5.0か6.0だと思います。

Aベストアンサー

スタイルシートを用いることで可能です。
以下の例ではタグに直接style属性を埋め込んでいますが、
先にstyle指定をしておくと楽かもしれません。
<table border="1" bordercolor="black">
<tr>
<td style="border-top-style:dashed;border-left:3px solid red;border-bottom-width:2px;border-right-color:blue;">あああ</td>
</tr>
</table>
詳しくは、スタイルシート、CSSなどで調べてみてください。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング