• ベストアンサー

TABLE内のフォントについて

ページの左右に余白を作りたくてTABLEタグを使用しているのですが、 そうするとTABLEタグ内の文字が太くなってしまいます。 普通の太さで表示させるにはどうすればよいのでしょうか? <font face="MS 明朝">~</font>を試してみたのですがだめでした。 宜しければどなたかご回答お願いします。

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

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

  • ベストアンサー
noname#2019
noname#2019
回答No.3

直接の解答でなくて申し訳ないのですが、左右に余白を空けたいだけでしたら、スタイルシートを使ってみても良いかと思います。 テーブルは、表示に時間が掛かりますので・・・。 外部スタイルシートでも、HEAD内に埋め込んでも良いと思いますが、 BODY { MARGIN-left: 100px; MARGIN-right: 100px; } と、云う風なものを入れてみても、左右に空白は出来ます。(数値はてきとうなので、変えて下さい。) 全然的外れなことを書いててすみません、、 テーブルでしたら、yuizuianさんの仰っているようにやれば、大丈夫だと思います。

usakon
質問者

お礼

スタイルシート使ったらうまくいきました。 左右に余白空けたかっただけなので全然的外れじゃないです。 テーブルは表示に時間掛かるの知らなかったので、気を利かせて下さって ありがとうございます。 初心者なので、勉強になりました。

その他の回答 (3)

  • saekiya
  • ベストアンサー率50% (16/32)
回答No.4

おそらく<td>~</td>で挟まずに、 <th>~</th>で挟んでおられると思いますので <td>タグを使用しましょう。 一応、約束事では<th>タグはセルのタイトル部分に。<td>タグはセルのデータ部分に使う事になっています。 実際には御存じのように隠しテーブルをレイアウトに使用される事が多いので、どうでもいいような話ですが、上記のお約束から<th>タグ内には強調文字が適用されてしまいます。 なお、他の方の答えにあるように、最近では、そのような場合はスタイルシートでマージンをあける事の方が推奨されていますし、その方がスマートと思います。

usakon
質問者

お礼

<TD>はタイトルなので太くなってしまったのですね。 なんとなく<TD>を使っていたのですが、気付きませんでした。 でも、テーブルよりスタイルシートの方がスマートだということで、 これからはテーブルではなくスタイルシートで余白を空けることにします。 ありがとうございました。

  • yuizuian
  • ベストアンサー率42% (103/245)
回答No.2

文字の「太さ」…ですか? もしテーブルが <TABLE> <TR> <TH>文字</TH> </TR> </TABLE> という風になっているのなら、THの部分をTDに変えれば普通の太さになりますよ。 もし、文字の「大きさ」のことを言ってらっしゃるのなら <TD><FONT SIZE=2>文字</FONT></TD>等として、 一つ一つ指定してやるか、スタイルシートを使って一括で指定してやれば良いですよ。

usakon
質問者

お礼

おっしゃる通り、<TH>にしてました。 <TR>にしたら普通になりました。 その違いが分からなくて適当に使ったので合ってなかったのですね。 ありがとうございます。

回答No.1

左右を開けたいだけならフレーム使って左右を切ったらどうでしょうか?(^^

usakon
質問者

お礼

早いお返事ありがとうございます。 今のところフレームを使うようなデザインではないのですが、今後の参考に させていただきます。

関連するQ&A

  • ▲▲テーブルと一緒に<FONT size="2"></FONT>は使えない?

    こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </FONT size="2">Color Code一覧</FONT> <TABLE Border Cellspacing="1"Width="20%" align="center"> <TR> <TD><FONT size="3" face="MS UI Gothic"><DIV align="center">Collar Code・RGB</DIV></FONT></TD> </TR> </TABLE> <BR> <TABLE Border Cellspacing="1" Width="75%" align="center"> <TR> <TD colspan="6"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000 - #00ffff</DIV></FONT></TD> </TR> <TR> <TD BgColor="#000000"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000</DIV></FONT></TD> <TD BgColor="#000033"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000033</DIV></FONT></TD> <TD BgColor="#000066"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000066</DIV></FONT></TD> ~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~ </TR> </TABLE> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • テーブルを画面にの幅いっぱいに表示したい

    よくテーブルを使いますが、普通に <table width="100%">のタグでwidthを100%にしても 左右に少し余白ができてしまいます。 どうやれば本当に100%にできるのですか? 教えてください

    • ベストアンサー
    • HTML
  • テーブル内の改行のズレ

    テーブル内で、文字の並びを縦横揃えようと思い、MSゴシックを使っています。幅を指定しているので、自動改行されるのですが、微妙なところでズレてしまいます。"。"の文字が影響しているようなのです。 例1)では、 ABCDE ABCDE となり、 例2)では、 ABCDE ABCD E。 となります。 例2)を ABCDE ABCDE 。 とするには、どうしたらいいのでしょうか? 例1) <table border=1 width=90 cellspacing=0 cellpadding=2> <tr> <td><font face="MS ゴシック"> ABCDEABCDE</font> </td> </tr> </table> 例2) <table border=1 width=90 cellspacing=0 cellpadding=2> <tr> <td><font face="MS ゴシック"> ABCDEABCDE。</font> </td> </tr> </table>

    • ベストアンサー
    • HTML
  • フォントが変わりません!

    ワードでフォントをMS明朝から「Century」に切り替えても、文字を打ち込んだ瞬間にMS明朝に戻ってしまいCenturyで文字が打てません。 先に別のフォント(MS明朝など)で打ち込んでおいて反転表示させてフォントを変更してもやはりCenturyになりません。 なぜなのでしょうか。 色々と試してみたのですが他のフォントには変えることが出来ます。 しかしCenturyとTimes New Romanというフォントは使うことができません。 今まで使うことが出来ていたので理由がわかりません。 よろしくお願いします。

  • 明朝フォントのページを作りたい。

    明朝体でページを作ってほしいと、友人に頼まれたのですが、 うまく行かず、教えてください。 編集環境は、DreamweverMXを使用しています。 OS WinXP IE 6.0 cssを使用して、fontfamilyをしています。 font-family: "MS P明朝", "ヒラギノ明朝 Pro W3", "平成明朝"; こんな感じです。 (翔泳社の本を見て、設定しました) ですが、何度ホームページを見ても、更新してもゴシック系のフォントでしか表示されません。 Dreamweverでは、明朝で表示されているのですが。。。 何がいけないのでしょうか? ためしにbodyタグ、tdタグ、h1タグなどのcssに設定してみたのですが、どれもゴシックになります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルの配置

    お忙しいところすみません。たぶんCSSでレイアウトした方がいいと思うのですが、よく分からないのでとりあえずテーブルでレイアウトしています。 テーブルの入れ子にせずにレイアウトをしたいのですが、ブラウザーで確認すると、文字サイズを小さくすると、真ん中の左右に並べたテーブルが上下のテーブルの位置からはみだしてしまいます。 何かタグを付け加えるとうまくいくのでしょうか? ・まず、ページの上にタイトルやボタンを配置するテーブルを置き、 <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> ・その下に左右にテーブルを配置し、内容を書き、 <table width="49%" border="0" align="left" cellpadding="0" cellspacing="0"> <table width="49%" border="0" align="right" cellpadding="0" cellspacing="0"> ・その下にまたテーブルを置いて、コピーライトを表示させる <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> 省略してタグを書いていて、分かりにくければ申し訳ございません。教えていただけるとうれしいです。どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • フォント

    フォントの「MS明朝」「MSP明朝」が表示できなくなりました。 しかしワードなどのツールバーのフォント選択するところを見ると「MS明朝」「MSP明朝」はありますし、コントロールパネルの「フォント」フォルダを見ても「MS明朝」「MSP明朝」があります。 原因と解決策を教えて下さい。 カテゴリーが間違っているかもしれませんがよろしくお願いします。

  • <font face="MS P明朝, 細明朝体">について

    フォントサイズ6で漢字をホームページのタイトルにfaceを指定せず(ゴシック体だと思います)使いましたが、表示が大雑把で読みづらいことから、明朝体ではできないかとネットで調べて次のHTMLを使いました。 <font face="MS P明朝, 細明朝体"> 私のパソコンは、WindowsXPですので、表示は問題ないのですが、他のOS、ネットスケープなどでは正しく表示されるのでしょうか。また、<>内の定義で"MS P明朝, 細明朝体"のように複数指定するのは初めてですが、これはどういう意味なのでしょうか。ネットの解説を読みましたが、もうひとつはっきりしません。 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • <css>テーブルの中と外で同じフォントサイズにならない

    WinXPproSP2+IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか? HTMLでのフォントサイズは行っておりません。 <cssの記述内容> body{ font-size:20px; } table{ font-size:20px; }

    • ベストアンサー
    • CSS
  • パワーポイントのフォントについて

    初めて質問をします。 私は、パワーポイント2000を使用しています。 それで、罫線ツールで表を作成し、その中に文字を書き込み、フォントを「MS明朝」にしたのですが、保存後、再度開いたときに、表の中の文字のフォントが、「MSPゴシック」になっていました。これは、なぜなんでしょう???わかる方いらっしゃいますか? 因みに、フォントを「MSP明朝」等、「MS明朝」以外に設定すると、再度開いたとき、その状態で開かれます。「MS明朝」って何かあるのでしょうか??? 文字がきちんと揃う「MS明朝」を使いたいのですが、この状態だと、ファイルを開くたびに、当該箇所のフォント再設定を行わなければいけません。 対処方法、もしくは、明確な回答をお持ちの方、宜しくお願い致します。