在宅ワークのリアルをベテランとビギナーにインタビュー>>

以下のようなソースで,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>

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

A 回答 (2件)

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



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>

いろいろお試しいただければと思います。
    • good
    • 0
この回答へのお礼

丁寧にありがとうございます.たいへん参考になりました.

お礼日時:2002/09/07 18:36

スタイルシートでよいのなら・・・


ページ全体を同じフォントサイズに

body,tr,td,th { font-size: **pt;}

としてみればどうでしょう?
    • good
    • 0
この回答へのお礼

ありがとうございました.無事にサイズを設定できました.

td {
font-size:**pt
}

というのもやってみたのですが,なぜかうまくいかなかったので,どうしたものかと思っていました.

お礼日時:2002/09/07 18:33

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

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

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

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

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)はこれら以外にも
いろいろな設定方法があります。

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テーブルでセルの枠線を消す(CSS)

表をつくり、下記の方法でセルの枠線を消しています。

<html>
<head>
<style type="text/css">
<!--
td{border-color:black;}
-->
</style>
</head>

<table border>
<colgroup span=2 width=50></colgroup>
<tr>
<td>a</td>
<td style={border-style:none;}>aa</td>
</tr>
<tr>
<td>b</td>
<td>bb</td>
</tr>
</table>
</html>

セルのタグ<td>内にスタイルシートを設定するだけで消せると思ったのですがうまくいかず、
先頭で設定するスタイルシートで<td>のボーダー設定をすると何故か消す事が出来ました。

なぜ<td>内の設定だけで消えないのか理由が分かる方、説明お願いします。

Aベストアンサー

こちらの環境(WinMe)のIE6では、質問文中のソースの、head内のスタイル要素を除いた分のソースで、aaという文字が入るセルの内側の境界線は消えるようです。 style要素の「td{border-color:black;}」この部分が無くてもです。
今一度、このスタイルシートを削って、再度表示を検証してみてはいかがでしょうか?

また、#1でも指摘されていますが、

<td style={border-style:none;}>aa</td>

この記述は誤りです。

<td style="border-style:none;">aa</td>

に直す必要があるでしょう。 IEでは拡大解釈して{}でスタイルシート部分を括っても問題なく解釈してくれますが、Netscapeなどでは不正な書式としてこの部分の指定が完全に無視される可能性があります(こちらの環境のNetscape 7.1では無視されました)。
head内のstyle要素では「セレクタ {プロパティ:設定値;}」という形で記述しますが、タグ内のstyle属性としては「style="プロパティ:設定値;"」と記述するのが正当でしょう。
また、タグ内の属性については、その値はすべて引用符で括ることが推奨されていますので、できる限り""で括るようにした方が無難です。 場合によっては、ブラウザがその属性を正常に解釈しなくなることもあります。 スタイルシートをタグ内で直接設定する場合や、スクリプトをイベントハンドラに記述する場合には特に、注意が必要と思います。

参考になれば。

こちらの環境(WinMe)のIE6では、質問文中のソースの、head内のスタイル要素を除いた分のソースで、aaという文字が入るセルの内側の境界線は消えるようです。 style要素の「td{border-color:black;}」この部分が無くてもです。
今一度、このスタイルシートを削って、再度表示を検証してみてはいかがでしょうか?

また、#1でも指摘されていますが、

<td style={border-style:none;}>aa</td>

この記述は誤りです。

<td style="border-style:none;">aa</td>

に直す必要があるでしょう。 IEでは拡大解釈...続きを読む

Qhtml、テーブル内にテーブル。表示位置

htmlで<table>タグを使って テーブルを作成しました。(これをテーブル(1)とします。)
このテーブルのなかに表を作成したいため、テーブル内で<table>タグを使用し表を作成しました。(ここで作成したテーブル(表)をテーブル(2)とします。)
つまり、テーブル(1)の中にテーブル(2)(表)が存在する。といった状況です。

ところがテーブル(2)がテーブル(1)の真ん中に表示されてしまいます。
そこでテーブル(2)のタグに<table align="left" valign="top">というような要素を加えてみたのですが変化がありません。
どうしたらよいでしょうか?
教えてくださいよろしくお願い致します。

Aベストアンサー

> そこでテーブル(2)のタグに<table align="left" valign="top">というような要素を加えてみたのですが変化がありません。

テーブル(2)ではなくてテーブル(1)を次のようにすればテーブル(2)が左に寄ります。

<TABLE> ここはテーブル(1)
<TBODY>
<TR>
<TD align="left">
<TABLE> ここからテーブル(2)
<TBODY>
<TR>
<TD> 

Qスタイルシートで colspan=3と定義することは可能でしょうか?

<style>
x {

}
</style>

<table>
<tr>
<td colspan=3 class="x">タイトル</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>

また、有名なブラウザで対応している最新のCSSバージョンは何でしょうか?

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

Aベストアンサー

できないと思います。

colspan は、セルを連結する指定ですが、
もともと
<td></td><td></td><td></td>
であったものが
<td colspan=3></td>
のように連結するには、他の"<td></td><td></td>"を削除する必要があります。
それは、スタイルだけの話ではなくてセルの実体を操作する必要があるということですから。


人気Q&Aランキング