<FORM>を2つに切って、その表示がずれてしまうという記事が少し前にありましたが、多少内容がかぶるかもしれません。

列項目が全く同じ2つの表を上下に並べて表示しようと思っています。
<TABLE>タグはWIDTHの指定ができるので表全体のサイズは上下でそろっているのですが、その中の項目の縦の線がずれてしまいます。

原因はその項目に表示される内容が上の表と下の表とで異なっていることによるズレのようです。
(<TD>のタグにはwidthの指定が無く、<TABLE>全体として、バランスが取れるように自動的に中の項目幅を調整してしまうためらしいです(--; )

何か画期的な裏技がありましたら、教えてください。
お願いします。

A 回答 (2件)

<td>の属性で、width="500" のような指定も出来ますが、そうやってきっちりと幅指定をしても、ブラウザが勝手にレイアウトを変更してしまうこともよくあります。

これを防ぐには、透明な1pixelのgifを利用する方法が有効です。
(HTML4.01では、本来推奨されていないアプローチのようですが。)

たとえば、
<table width="100">
<tr><td width="50">abc</td><td width="50">ABC</td></tr>
<tr><td width="50">abcdefg</td><td width="50">AB</td></tr>
</table>

としたが、意図した表示と異なる場合には、

<table width="100">
<tr height="1"><td width="50"><img src="clear.gif" width="50" height="1"></td><td width="50"><img src="clear.gif" width="50" height="1"></td></tr>
<tr><td width="50">abc</td><td width="50">ABC</td></tr>
<tr><td width="50">abcde</td><td width="50">AB</td></tr>
</table>

のようにすることで、理不尽なレイアウトになることを防ぐことができます。
    • good
    • 0
この回答へのお礼

イメージタグによる幅指定はテーブルの持つそれよりも強力なようですね。参考にさせていただきます。

お礼日時:2001/01/30 17:13

<TD>タグにもwidthの指定ができますので



<table width=100% border=1>
<tr>
<td width=50%>一つ目</td>
<td>二つ目</td>
</tr>
</table>

の様に記述すれば、一つ目と二つ目の列幅が同じになりますよ。
<td>タグの中の50%は、テーブル幅の中のパーセント分かを示します。
やってみてくださいな。
    • good
    • 0
この回答へのお礼

一昔前には確かにwidthタグはあったんですけどね。
なぜか最近のHTMLタグ辞典を見るとないんですよー。

規格から外れたのでしょうか?

お礼日時:2001/01/30 17:12

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

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

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

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

QExcel VBAで、B列の幅を、既存のグラフの幅に設定したい。

VBA初心者です。
ワークシート上にグラフを作成した後(例えば「グラフ1」とします)、B列の幅を作成したグラフの幅と同じに設定するには、どのように記述すればよいのしょうか?

Columns("B").ColumnWidth = ActiveSheet.Shapes("グラフ1").Width

Columns("B").Width = ActiveSheet.Shapes("グラフ1").Width

Columns("B").ColumnWidth = ActiveSheet.Shapes("グラフ1").ColumnWidth

どれもうまくいきませんでした。よろしくお願いします。

Aベストアンサー

こんにちは。Wendy02です。

>ColumnWidthのヘルプによると
>解説
>・
>とのことです。

その書き方は、かなり手厳しく感じました。ヘルプで調べてから回答を書きなさい、ということですね。私の書き方がまずかったようですね。失礼しました。

 ただ、そのヘルプの内容は、若干、意味が曖昧です。仮に等幅フォントであっても、本当に、1文字の積み重ねが、列幅になるとお思いになっているのでしたら、それは違います。セル幅は、PIXEL値(Long型)に丸められて、それを逆算して、例えば「8.38」 という数字が出てきているのであって、決して、1文字のフォントの長さが、列幅にそのまま反映しているわけではありません。ロジックでいうと、「AはBによって作られているが、BはAには等しからず」ということになりますね。

変換率の出し方は、以下のようになりますが、Constの定数はやめ、ALPHAを変数にして、以下のようにすればよいはずです。

Dim Alpha As Double
Alpha = ActiveSheet.Cells(256).Width / ActiveSheet.StandardWidth

しょせん、理論値では不可能(だと思う)ですから、影響のないセルに対して、実測値を元に、変換値を出したにすぎませんが。

これで、問題なくできるはずです。

こんにちは。Wendy02です。

>ColumnWidthのヘルプによると
>解説
>・
>とのことです。

その書き方は、かなり手厳しく感じました。ヘルプで調べてから回答を書きなさい、ということですね。私の書き方がまずかったようですね。失礼しました。

 ただ、そのヘルプの内容は、若干、意味が曖昧です。仮に等幅フォントであっても、本当に、1文字の積み重ねが、列幅になるとお思いになっているのでしたら、それは違います。セル幅は、PIXEL値(Long型)に丸められて、それを逆算して、例えば「8.38」 ...続きを読む

Qタグの中にタグは入れられないのでしょうか

<TABLE><TR><TD>
<OBJECT>
<PARAM>
</OBJECT>
</TD></TR></TABLE>

という感じであるアプリを組み込みたいのですが、TABLEの下に隠れているようで表示されません。
TABLEを透明にしたり、<OBJECT>をTABLEの上に持ってくることはできないのでしょうか。

Aベストアンサー

よくは分かりませんが、
↓これはうまくいくようです。

<TABLE cellSpacing=1 cellPadding=1 width="75%" border=1>
<TR>
<TD></TD>
<TD></TD>
<TD></TD></TR>
<TR>
<TD></TD>
<TD>
<OBJECT id=SHDocVw style="WIDTH: 318px; HEIGHT: 200px" classid=clsid:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT>
</TD>
<TD></TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD></TR></TABLE>

Q【Excel2007】折れ線グラフの線幅をデフォルトで変更する方法??

【Excel2007】折れ線グラフの線幅をデフォルトで変更する方法??


 今日は、質問させていただきます。どうぞよろしくお願いいたします。
 Excel2007で折れ線グラフ(50本前後がまとまったもの)を作成いたしますと
線幅が太く(デフォルト)見づらいので、毎回2003と同じような最も細いもの
(1pix程度)に1本ずつ設定しなおしておりますが、手間がかかります。。orz
 今はVBAで行っておりますが、やはり毎回手間がかかっております^^;

 折れ線グラフ作成時に最初から、グラフ線幅を1番細いものに
設定できる方法ってあるのでございましょうか??
もしくはグラフ中の折れ線グラフすべての太さを同時に変えられるような
方法などございましたら、お教えいただきたくお願いいたします。

 もしお詳しい方がいらっしゃいましたら,どうぞよろしくお願いいたします。

Aベストアンサー

取り合えず簡単な表を作っておきます
例えばA列の【A2】セルから『A,B,C,D』などセル【A5】まで入力します
次にB列のセル【B1】に『あ』とか入力して【B2】から【B5】まで適当に数値を入力しておきます
・・・・・↑ここまではテンプレートとして作る仮の表です↑・・・・・

次に折線グラフを作り「系列」の線を選択→右クリックして「データ系列の書式設定」を選択→「線のスタイル」を選択→「幅」を「1Pt」に変更して「データ系列の書式設定」画面を閉じます

グラフエリアを選択されている状態で「デザイン」タブの左側2番目位に「テンプレートして保存」がありますのでそれをクリック→保存先フォルダ名が「Charts」になっている事を確認後、ファイル名に適当な名前を入力して保存します
・・・・・↑テンプレートとして保存された状態になります↑・・・・・

保存されたテンプレートは「挿入」タブの「グラフ」グループの右下にある小さい四角い所をクリックすると(ランチャーといいます)「グラフの挿入」画面が出てきますので一番上の「テンプレート」を選択すると先程保存されたグラフのテンプレートが格納されています

次に、実際の表で、まず折れ線グラフを作っておき、グラフエリアを選択している状態で作ったテンプレートをクリックしてあげると実際の表に反映されます

お試し下さい 彡O┓ペコリ

取り合えず簡単な表を作っておきます
例えばA列の【A2】セルから『A,B,C,D』などセル【A5】まで入力します
次にB列のセル【B1】に『あ』とか入力して【B2】から【B5】まで適当に数値を入力しておきます
・・・・・↑ここまではテンプレートとして作る仮の表です↑・・・・・

次に折線グラフを作り「系列」の線を選択→右クリックして「データ系列の書式設定」を選択→「線のスタイル」を選択→「幅」を「1Pt」に変更して「データ系列の書式設定」画面を閉じます

グラフエリアを選択されている状態で「デザイン」タブ...続きを読む

Q
  • タグについて

    初心者です。

    <li>と<table>タグについて、どのような基準で使い分けるのでしょうか?

    何かのページで表として認識できる場合は<table>とありましたが、実際には<li>で記述されているケースが多いように感じます。それぞれのメリット・デメリットを教えていただけるとありがたいです。

    Aベストアンサー

    リストと表の違いで区別するのが良いでしょう。
     ul li は、デフォルトで、頭に " ・ " が付きますから、
    HTML(マークアップ)的に考えれば、箇条書きです。

    表は、エクセルで作る様な「表」と考えれば良く、
    セルの枠線(border)が表示されても表現的に問題ない場合が「表」です。

    マークアップを無視して、レタリングだけなら、
    CSSで、どちらでも(それ以外の方法でも)同じに表示出来ます。

    また、tableの場合、クローラーのセルの読み込み順が変わる場合がありますので注意が必要ですし、旧IEでの差異もあります。
    後から、セルの追加で列計算がある場合に修正がちょっと面倒です。
    CSSが利用出来る昨今は、tableが嫌われる方向です。
    大きなtableは読み込みが遅くなるので、表示が遅くなります。

    初心者は、簡単にtableレイアウトで全体を作る事が出来るので、
    利用しがちだったり、某簡易ソフトもtableレイアウトが多いですね・・・

    良く見掛けるのは、ナビ(グローバル)メニューの部分ですが、
    table でも ul でも作れますが、項目リストと考えれば、
    ul li が正解でしょう。簡単なのはtableで固定する方法ですが・・・

    リストと表の違いで区別するのが良いでしょう。
     ul li は、デフォルトで、頭に " ・ " が付きますから、
    HTML(マークアップ)的に考えれば、箇条書きです。

    表は、エクセルで作る様な「表」と考えれば良く、
    セルの枠線(border)が表示されても表現的に問題ない場合が「表」です。

    マークアップを無視して、レタリングだけなら、
    CSSで、どちらでも(それ以外の方法でも)同じに表示出来ます。

    また、tableの場合、クローラーのセルの読み込み順が変わる場合がありますので注意が必要ですし、旧IEでの差異...続きを読む

    Q【EXCEL】グラフの値の幅が広すぎて見やすいグラフが作成出来ません

    エクセル初心者なので、見やすいグラフの作成方法について、ご教授ください。

    作成したいグラフは、月別の売り上げを顧客ごとに表すものですが、値の幅が広すぎて見やすいグラフを作成することが出来ません。

    最大値が2万で最小値が、217と値に幅があります。
    しかも、1000前後に値が集中しており、2万前後の値は1顧客だけです。

    どうやったら見やすいグラフが作成出来ますでしょうか?

    当方初心者なので、どのようなグラフの形式を用いて、設定を行なえば見やすいグラフが出来るか教えていただけると大変助かります。

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

    Aベストアンサー

    >しかも、1000前後に値が集中しており、2万前後の値は1顧客だけです。
    方法1.縦軸を対数にする
    縦軸の書式設定で目盛りを対数にする

    方法2.二つのグラフを重ねて表示にする
    下のグラフは、目盛り間隔を500位で最大値を制限して作成
    上のグラフは、目盛り間隔を3000位で最小値を制限して作成
    この最大値と最小値を同じ値にして作成すればできます。

    Q

    内のテキストのサイズ

    以下のようなソースで,TEXTの部分のサイズを変更したいと思い,<table>~</table>を含む範囲をを<div class="test">~</div>で挟んで,スタイルシートで指定してみました.
    そしたら,<div class="test">~</div>の中でも<table>~</table>の外にあるテキストはサイズが変わるのですが,下のソースのTEXT部分は変わりませんでした.
    表中のテキストのサイズを一括して指定する方法はあるのでしょうか?

    <table align="center">
    <tr bgcolor="#aaffaa">
    <td>TEXT</td><td>TEXT</td><td>TEXT</td>
    </tr>
    <tr bgcolor="#aaaaff">
    <td>TEXT</td><td>TEXT</td><td>TEXT</td>
    </tr>
    </table>

    Aベストアンサー

    いろいろやり方がありますが、

    1.全てのテーブルで文字サイズを指定するときは

    <STYLE type="text/css">
    <!--
    TABLE{font-size : 24px;}
    -->
    </STYLE>

    を<HEAD>と</HEAD>の間に入れます。

    2.テーブルごとに文字サイズを指定するときは

    <CENTER>
    <TABLE style="font-size : 24px;text-align : center;">
    <tr bgcolor="#aaffaa">
    <td>TEXT</td><td>TEXT</td><td>TEXT</td>
    </tr>
    <tr bgcolor="#aaaaff">
    <td>TEXT</td><td>TEXT</td><td>TEXT</td>
    </tr>
    </TABLE>
    </CENTER>

    3.クラスを使って文字サイズを指定するときは

    <STYLE type="text/css">
    <!--
    .text{font-size : 24px;}
    -->
    </STYLE>
    </HEAD>
    <BODY>
    <CENTER>
    <TABLE class="text">
    <tr bgcolor="#aaffaa">
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    </tr>
    <tr bgcolor="#aaaaff">
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    </tr>
    </TABLE>
    </CENTER>

    いろいろお試しいただければと思います。

    いろいろやり方がありますが、

    1.全てのテーブルで文字サイズを指定するときは

    <STYLE type="text/css">
    <!--
    TABLE{font-size : 24px;}
    -->
    </STYLE>

    を<HEAD>と</HEAD>の間に入れます。

    2.テーブルごとに文字サイズを指定するときは

    <CENTER>
    <TABLE style="font-size : 24px;text-align : center;">
    <tr bgcolor="#aaffaa">
    <td>TEXT</td><td>TEXT</td><td>TEXT</td>
    </tr>
    <tr bgcolor="#aaaaff">
    <td>TEXT</td><td>TEXT</td><td>TEXT</td>
    </tr>
    </TABLE>
    </CENTER>

    ...続きを読む

    Q折れ線グラフで横軸の1時間の幅を均等にしたい。

    折れ線グラフで横軸の1時間の幅を均等にしたい。

    Excel 2003で、1日24時間の気温の変化を横軸に時刻、縦軸に気温を取って折れ線グラフにしました。
    気温測定時刻はほぼ1時間に1回なのですが、いつも00分とかいった固定された時刻ではなく、3:15分に測って、次は4:32分に測って、5時台は飛んで、次は6:03分に測って、...という風にまちまちです。

    横軸は、横方向のグラフの幅の全体を24等分したものを1時間にしたい(つまり、1時間の幅をどの1時間も同じにしたい)のですが、

    時刻  気温
    3:15  36.1
    4:32  35.9
    6:03  34.2

    のような表を作ってこれをグラフにすると、横軸に3:15、4:32、5:03が等間隔にプロットされてしまい、1時間の幅が同じになりません。

    横軸の1時間の幅をどの1時間も同じにして、その目盛の上に上記のような測定値を正しくその時刻の位置に(つまり、例えば3:15の測定値は正しく3:15分の位置に)プロットするにはどうしたらいいのでしょうか。

    Aベストアンサー

    ご希望のグラフを作成するには以下のような設定をします。

    まずグラフウィザードで折れ線グラフではなく散布図の折れ線を選択します。

    作成されたグラフの横軸の部分を右クリックして「軸の書式設定」の目盛タブで最小値を「0」、最大値を「1」、目盛間隔を「0.04166666666」にして、表示形式タブで、ユーザー定義にして、たとえば「[h]」にして「OK」してください。

    Q
    内のFONT指定について。

    <table></table>内のFONT指定で、毎回
    <font size=2>をセルごとに入れていますが、セルの数が多く、サイトの負担が大きくなります。
    tableごと、あるいは、ページごとに一括で指定はできないのでしょうか。
    スタイルシートは、あまりなじみがありません。

    よろしくお願いします。

    Aベストアンサー

    こんにちは


    table要素全体に文字を調節する場合は、

     head要素に
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" href="style.css">
    を追加します。

     table要素に
    class="(1)"を追加します。
    <table class="(1)">
    (1)に適当な名前をつけてください。
    /////////////////////////////////////////////
    テキストエディタで、新しくファイルを作成して、
    font-size: (2)

    (2)にはフォントサイズを入れます。数字だけの指定はできません。おすすめはem単位です。現在のフォントの大きさを基準として、大きさを決めます。たとえば、2倍大きくしたいのならば、2emと書きます。

    と書いて、HTMLファイルがあるフォルダに、style.cssとタイトルをつけて保存します。

    /////////////////////////////////////////////

    CSSについて、わかりやすいホームページは
    http://www6.plala.or.jp/go_west/beginner/css/
    1と2の間辺りからはじめるCSS講座
    は、楽しいと思います。

    こんにちは


    table要素全体に文字を調節する場合は、

     head要素に
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" href="style.css">
    を追加します。

     table要素に
    class="(1)"を追加します。
    <table class="(1)">
    (1)に適当な名前をつけてください。
    /////////////////////////////////////////////
    テキストエディタで、新しくファイルを作成して、
    font-size: (2)

    (2)にはフォントサイズを入れます。数字だけの指定はできません。おすすめはem単...続きを読む

    Qエクセル セルの幅を変えてもグラフの幅は固定

    セルの幅を変えてもその上に描かれたグラフの幅は固定しておきたいのですが、どうすれば良いですか?

    Aベストアンサー

    グラフを選んで書式設定を選択
    プロパティタブの中から「セルにあわせて移動やサイズ変更をしない」をチェックでよろしいかと思います。

    Q?
    の中にHTMLを表示させる方法

    <table>?</table>の中にHTMLを表示させる方法をご存知のかたが、
    いらっしゃいましたら教えてください。

    Aベストアンサー

    <table>
    <iframe src="URL">

    </iframe>
    </table>

    で可能です。
    インラインフレームが使ってあります。
    URLはそのHTMLのURLに置き換えてください。
    インラインフレームの枠の消し方などはリンクを参考に。

    参考URL:http://heo.jp/tag/page/iframe.html


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

    人気Q&Aランキング