ちょっと変わったマニアな作品が集結

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

解決済

  • 質問者：magican
  • 質問日時：
  • 回答数：3件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

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

「文字 変更」に関するQ&A： Excel 文字サイズ変更

さらに表示

「変更 字体」に関するQ&A： 英語の筆記体について。字体変更…

A 回答 (3件)

No.3ベストアンサー

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


文字単位でサイズを変更するには
＃2の方法ですね。

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

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

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

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

スタイルシート（CSS）はこれら以外にも
いろいろな設定方法があります。
    • good
    • 9
    • 件
通報する
この回答へのお礼

ありがとうございます。
なるほど＃１さんとはことなりテーブルごと変更させるという方法ですね。
こちらのほうが便利かも・・・。
スタイルシートは使えこなせれば便利ですね。

通報する
お礼日時：2003/12/09 21:44

No.2

  • 回答者： domi_rb
  • 回答日時：

こんにちわ。



私のやっている方法です。
私の場合は、少しずついろんな大きさに替えたいので、１つ１つ設定しています。同じ大きさに設定したい時は、＃１さんの回答を参考にしてくださいね。

<TABLE>
<TR><font size=+3>・・・・・・</font>
<TD><font size=-1>・・・・・・</font>
</TABLE>
とやれば、そのラインごとに大きさが変更できます。
もちろん、font設定なので、字体、大きさ、色等々も変更できます＾＾

素敵なＨＰを作成してくださいね☆
    • good
    • 5
    • 件
通報する
この回答へのお礼

ありがとうございます。
これがやりたかったんですが。
ミスで変わってなかったです。

通報する
お礼日時：2003/12/09 21:39

No.1

  • 回答者： mousengoke
  • 回答日時：

<head>タグの一番最後に



<style type="text/css">
<!--
th,td{
font-size:12pt;
}
-->
</style>

を入れてみてください。ちなみに12ptはフォントサイズを示すものなので自由に変えてください。
多分th,tdの方はtable *でも大丈夫だと思いますが自信はありません。
    • good
    • 3
    • 件
通報する
この回答へのお礼

ありがとうございます。
なるほど、スタイルシートを活用すればいいんですね。
これは便利です。

通報する
お礼日時：2003/12/09 21:38

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

「変更 字体」に関するQ&A： 凛と凜の違いはなんですか？

さらに表示

「文字 変更」に関するQ&A： OUTLOOK2013のプレビューの文字サイズ変更

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

Q質問する（無料）

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

関連するQ&A

関連するカテゴリからQ&Aを探す

専門家回答数ランキング

専門家

※過去一週間分の回答数ランキングです。

Q質問する（無料）

他の専門家の回答をチェック

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

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

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テーブルセル余白（例えば左側だけ、上側だけ、など）

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ５ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="ＸＸ"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

１つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

他の回答も見る

Qテーブル内の文字列を改行させたい

<TABLE border="1">
<tr> <TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD>
</tr>
</TABLE>

これを、ある一定の幅を指定して改行させたいのですが、
CSSを使おうが使わず指定しようが、反映されません。
全角文字だと反映されます。

IE6、IE7で対応させたいと思っています。

CSSでも何でも良いので、どうすれば対応出来るのか
ご教示下さい。

Aベストアンサー

英数半角文字だと、続けて入力した場合、一つの単語とみなして禁則処理をしてしまうんだと思います。
なので、<br>で改行するのがいいのかと思いますが、
IEで対応したいということなので、IE7で動作するかはわかりませんが、
word-break:break-all;
の指示で単語の切れ目を無視して改行してくれると思います。

参考URL：http://www.htmq.com/style/word-break.shtml

他の回答も見る

QHTMLフォームのSELECTの幅を一定にするためには？

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか？

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

他の回答も見る

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

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

Aベストアンサー

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし１</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は１６進数で表してもいいし、色の名前を
そのまま指定してもいいはず。色は COLOR CHART を検索して見つけて
ください。

javaScriptでなくてもできます。

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

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

他の回答も見る

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

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


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

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

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

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

Aベストアンサー

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

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

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

他の回答も見る

Q 内のテーブルを上寄せにするには？

すみません教えていただけますか？
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか？

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
</table>
</td>

<td width="800" height="1200" border="1">

</td>
</tr>
</table>

すみません教えていただけますか？
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか？

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
...続きを読む

Aベストアンサー

TABLE Aを入れているtdに対してvalign="top"を入れると
解決しますよ。

他の回答も見る

Q文字数に応じてfont-sizeを自動変更

エクセルのセルの書式の中にある「縮小して全体を表示する」の様な
ことをしたいのです。

具体的にはtableの固定幅セルのfont-sizeを、文字数に応じて自動的に
設定して、セル内で折り返しが発生しないようにしたい。
といっても、そんなに厳密でなくてもいいので、
「文字数が○文字未満ならfont-size:normal、以上ならsmall」
程度でいいんですが、これをCSSのみかCSS＋JavaScriptで
実現できないものでしょうか。
文字数に応じて<td>のclassを変えればいいのでしょうが、
できれば、テキストの修正をすれば自動的に変わる様にしたいです。

Aベストアンサー

完全な回答ではありませんが、

はみ出る部分を省略表示（・・・という表示）にする案ではダメでしょうか？
そこにマウスをあてると、全内容が表示する仕組みです。

以下に参考ページあります。
http://www.salty1.com/rakuraku/241.html

他の回答も見る

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか？
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、３つ以上なら
別途function化したほうが、可読性が高くなると
思います。

他の回答も見る

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質問する（無料）

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

人気Q&Aランキング

おすすめ情報