- PR -

文字のサイズをクライアントに変えさせないようにしたい！

«前のページへ 1|2|3|4 次のページへ»
投稿者投稿内容
Jitta
ぬし
会議室デビュー日: 2002/07/05
投稿数: 6267
お住まい・勤務地: 兵庫県・海手
投稿日時: 2003-11-07 09:21
引用:

たけくんさんの書き込み (2003-11-06 18:46) より:

body.tableの両方にclass=bodyといれてあるほうは、文字のサイズ変更がきかなく成功です。
しかし、bodyだけのほうは、tableの中は、スタイルシートが反映されず、サイズ変更が可能でした。

　スタイルシートにtable要素を定義すればOk。おそらく、ブラウザのデフォルトスタイルが有効になっているのでしょう。


作成者定義　←　ユーザ定義　←　ブラウザデフォルト

左の方が優先順位が高い。
ユーザ定義で「!important」をつけるとユーザ定義が優先される。
競合した場合、ユーザ定義が優先される。
たけくん
ベテラン
会議室デビュー日: 2003/08/19
投稿数: 63
投稿日時: 2003-11-07 10:47
Jittaさん、書込みありがとうございます。

スタイルシートにtable要素を追加するということは、結局は、テーブルが多数あるようなページは全てのtableにスタイルシートの定義を入れなければいけない(class=bodyのように)ということなのでしょうか？

なか-chan@最愛のiMac
ぬし
会議室デビュー日: 2002/07/17
投稿数: 385
お住まい・勤務地: 和光市・世田谷区
投稿日時: 2003-11-07 11:30
たけくんこんにちは。

td {font-size :15px}

をスタイルシートに追加するだけでいいと思います。
taro
ぬし
会議室デビュー日: 2003/10/20
投稿数: 316
投稿日時: 2003-11-07 11:49
たけくんさん、はじめまして。

既にご存知だったらすみません。
スタイルシートについて少し混乱されているように見えますので、念のため。。

スタイルを指定するには、あるタグ全てに対して一括して属性を指定する方法と、
クラスを作成し、それをタグ内で記述した場合のみその属性を有効にする方法があります。
コード:
 table{ font-size:"12px"; }

この場合、<table>タグには何も書かなくても全てのtable内のfontが12pxになります。
Jittaさんが
＞クラス化する必要はないと思います。
と書いていらっしゃるのは、こちらを使うようにということです。
なか-chanさんが書いていらっしゃる方法では、全ての<td>タグに対して記述なしで適用されます。

コード:
 table.aaa{ font-size:"12px"; }
 .aaa{ font-size:"12px"; }

このように「.」を入れた場合、aaaというクラスを作成したことになり、
<table>タグに何も書かないと、このスタイルは適用されません。
<table class="aaa">と書いたtableのみ、fontが12pxになります。

はずしていたらすみません。。
ほむら
ぬし
会議室デビュー日: 2003/02/28
投稿数: 583
お住まい・勤務地: 東京都
投稿日時: 2003-11-07 12:37
ども、ほむらです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
を
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN" >
として厳密なHTMLにしてあげるとうまくいくみたいですね
僕の環境では思ったとおりに表示されましたけど・・・

あとは。スタイルシートとHTMLのサンプルです
参考になるかな?
body.a{} を body{}としてあげればHTMLで
<body class="a">でなく<body>として使用できます。
sample.css
コード:
body.a{
  font-size:18pt;
  font-weight:bold;
  background-color:black;
  color:lime;
}
table {
  margin-top:2px;
  background-color:navy;
  color:#a0a0a0;
}
/*
td {
  white-space:nowrap;
}
*/


sample.html
コード:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd">
<html lang="ja">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link rel="stylesheet" href="sample.css" type="text/css" />
  </head>
  <body class="a">
    さんぷる
    <table border="1" rules="all">
      <tr>
        <td>あああああ</td><td>いいいいいい</td>
        <td>ううううう</td><td>ええええええ</td>
      </tr>
    </table>
  </body>
</html>
たけくん
ベテラン
会議室デビュー日: 2003/08/19
投稿数: 63
投稿日時: 2003-11-07 13:02
いろいろ教えてくださり本当にありがとうございます。

皆さんのおかげで、スタイルシートについてしっかりと学ぶことが出来ました。
ありがとうございました。
ほむら
ぬし
会議室デビュー日: 2003/02/28
投稿数: 583
お住まい・勤務地: 東京都
投稿日時: 2003-11-07 13:43
ども、ほむらです。
１点。。自分でも目ざといと思いながらも。。
--------
taro氏へ
スタイルシート属性の値は”でくくってはいけない事になっています。
まぁ普通はブラウザ側で修正してくれると思いますが。。
font-size:"12px";
でなくて
font-size:12px;
と書いたほうが良いみたいですね。
ほむら
ぬし
会議室デビュー日: 2003/02/28
投稿数: 583
お住まい・勤務地: 東京都
投稿日時: 2003-11-07 17:12
ほむらです。
CSS2を使用するのなら参考になるかな？
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

ただIEのCSSの解釈は怪しいのでCSSを使用する場合は
ネットスケープなど別のブラウザでも確認することをお勧めします。

僕の知ってるHTML関係の掲示板ここくらいしか^^;;;;;
http://www.ne.jp/asahi/minazuki/bakera/html/hatomaru
«前のページへ 1|2|3|4 次のページへ»

スキルアップ／キャリアアップ（JOB@IT）