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

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

A 回答 (4件)

直接の解答でなくて申し訳ないのですが、左右に余白を空けたいだけでしたら、スタイルシートを使ってみても良いかと思います。


テーブルは、表示に時間が掛かりますので・・・。
外部スタイルシートでも、HEAD内に埋め込んでも良いと思いますが、

BODY {
MARGIN-left: 100px;
MARGIN-right: 100px;
}

と、云う風なものを入れてみても、左右に空白は出来ます。(数値はてきとうなので、変えて下さい。)
全然的外れなことを書いててすみません、、

テーブルでしたら、yuizuianさんの仰っているようにやれば、大丈夫だと思います。
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/10/14 23:43

おそらく<td>~</td>で挟まずに、


<th>~</th>で挟んでおられると思いますので
<td>タグを使用しましょう。
一応、約束事では<th>タグはセルのタイトル部分に。<td>タグはセルのデータ部分に使う事になっています。
実際には御存じのように隠しテーブルをレイアウトに使用される事が多いので、どうでもいいような話ですが、上記のお約束から<th>タグ内には強調文字が適用されてしまいます。

なお、他の方の答えにあるように、最近では、そのような場合はスタイルシートでマージンをあける事の方が推奨されていますし、その方がスマートと思います。
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/10/14 23:47

文字の「太さ」…ですか?


もしテーブルが
<TABLE>
<TR>
<TH>文字</TH>
</TR>
</TABLE>
という風になっているのなら、THの部分をTDに変えれば普通の太さになりますよ。

もし、文字の「大きさ」のことを言ってらっしゃるのなら
<TD><FONT SIZE=2>文字</FONT></TD>等として、
一つ一つ指定してやるか、スタイルシートを使って一括で指定してやれば良いですよ。
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/10/14 23:39

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

    • good
    • 0
この回答へのお礼

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

お礼日時:2001/10/14 23:32

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

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

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

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

Qについて

フォントサイズ6で漢字をホームページのタイトルにfaceを指定せず(ゴシック体だと思います)使いましたが、表示が大雑把で読みづらいことから、明朝体ではできないかとネットで調べて次のHTMLを使いました。

<font face="MS P明朝, 細明朝体">

私のパソコンは、WindowsXPですので、表示は問題ないのですが、他のOS、ネットスケープなどでは正しく表示されるのでしょうか。また、<>内の定義で"MS P明朝, 細明朝体"のように複数指定するのは初めてですが、これはどういう意味なのでしょうか。ネットの解説を読みましたが、もうひとつはっきりしません。

教えてください。よろしくお願いします。

Aベストアンサー

> Netscape
IEの次に利用されているのはNetscapeよりもFirefoxです。
Netscape日本語版とかはサポート打ち切りで欠陥が修復されないのであまり使うべきでないのです^^;
Web開発と言うことであえて古いブラウザであるNetscapeを使うというのであれば褒めるべきかもしれませんが。

で、そのタグの場合記法が間違っているわけじゃないので通常であればIE以外でも正しく表示されます。
てかMS P明朝ってWindowsマシンなら大抵入ってると思います。

> これはどういう意味なのでしょうか。
基本的にフォントの複数指定は前にあるものから順番に評価され、前に有効なものがあれば後ろのほうは無視されます。
細明朝体はMac OS 9とMac OS XのClassic環境に適用されるもののようで、MS P明朝は分かるかもしれませんがWindows環境に適用されるものです。

明朝フォントの指定方法として、ベストは以下のような感じかな?CSSの例です。
ちなみにserifはそれよりも左側にあるフォントがマシンにインストールされていなかった場合にブラウザが代わりとなる明朝フォントを当てはめてくれるものです。
font-family:"ヒラギノ明朝 Pro W3",細明朝体,MS P明朝,serif;

> Netscape
IEの次に利用されているのはNetscapeよりもFirefoxです。
Netscape日本語版とかはサポート打ち切りで欠陥が修復されないのであまり使うべきでないのです^^;
Web開発と言うことであえて古いブラウザであるNetscapeを使うというのであれば褒めるべきかもしれませんが。

で、そのタグの場合記法が間違っているわけじゃないので通常であればIE以外でも正しく表示されます。
てかMS P明朝ってWindowsマシンなら大抵入ってると思います。

> これはどういう意味なのでしょうか。
基本的にフォン...続きを読む

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▲▲テーブルと一緒には使えない?

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<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>

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<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...続きを読む

Aベストアンサー

http://homepage3.nifty.com/f-page/hp/html/meta01.html
メタタグでcharsetを設定したらどうでしょうか
文字化けしてると思います。

Qhtmlの練習問題をしてます。タグと

タグについてです。

a b

c

htmlの練習問題をしてます。<h>タグと<p>タグについてです。

<h1>a</h>
b
<p>c</p>

と記述したら、

a

b

c

と表示されます。

分からないのが、
b〜c間に1行分スペースが入る理由がわかりません。
a〜bは、<h>タグが前後に1行分スペースなのでわかりますが、
<p>タグは、前には1行分スペースはいりませんよね。終了タグに改行が入り、その後1行分スペースですよね?
bとcの間のスペースはどこからでしょうか?
こんな問題ですみません…m(._.)m

Aベストアンサー

<P>タグはParagraphの略で、<P>~</P>で囲まれた部分がひとつの段落であることを表します。 一般的なブラウザでは<P>~</P>の前後に1行分改行されます。
<www.htmq.com/html/p.shtml>

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&Aランキング

おすすめ情報