Ｐａｇｅ 386 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ ＩＮＤＥＸ ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼外部CSSで文字のサイズは替わっても色が替わりません りっと 04/1/30(金) 13:42 ┣Re:外部CSSで文字のサイズは替わっても色... むむりく 04/1/30(金) 16:07 ┣Re:外部CSSで文字のサイズは替わっても色が替わりません you 04/1/30(金) 16:39 ┃ ┗あっ(T_T) you 04/1/30(金) 16:44 ┃ ┗手直ししました りっと 04/1/30(金) 18:00 ┃ ┗Re:手直ししました you 04/1/30(金) 18:26 ┗蛇足 ばあど 04/1/30(金) 18:49 ┗Re:蛇足 りっと 04/1/30(金) 18:55 ─────────────────────────────────────── ■題名 ： 外部CSSで文字のサイズは替わっても色が替わりません ■名前 ： りっと ■日付 ： 04/1/30(金) 13:42 -------------------------------------------------------------------------
| IEで作ってます 外部CSSは td { font-size: 13pt; line-height: 150%} .title { font-size: 18pt; fontcolor:#ff0033} こう書いてます htmlファイルに <html><head> <title>りっとのHP</title> <META http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="../moji.css" type="text/css"> </head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <body background="../img/back.gif"> <table align="center"> <tr><td> <hr width="500"> <div class="title" align="center">りっとのいえ</div> ★☆↑この文字です☆★ <hr width="500"> <div align="center"> <a href="gennkann.html">玄関へ</a><br><p> <a href="1f.html">１Fへ</a><br><p> <a href="2f.html">２Fへ</a><br><p> <a href="3f.html">３Fへ</a><br><p> <a href="okujyou.html">屋上に</a><br><p> <hr width="500"><br><p> <a href="../top.html" target="main">トップへ</a> </tabale></td></tr> </body></html> 関係ないところが一杯あると思いますが，なにがダメなのか分からないので長々とすみません＞＜ titleの文字のサイズはきちんとなってますが色が変りません どうしてなのですか？ |
| > .title { font-size: 18pt; fontcolor:#ff0033} fontを抜いて、 color:#ff0033; でいきましょう。 >関係ないところが一杯あると思いますが，なにがダメなのか分からないので長々とすみません＞＜ 少しでも情報の多い方がいいですよ。 取り敢えず、いろいろと順番が気になりますので、 この辺を参考に見直して見てください。 http://www.shoshinsha.com/hp/1hour_after/need.html |
| ▼りっとさん： CSSでの指定方法に誤りがあります。 .titl{font-size:13pt;color:#FF033;} でやり直してみてください。 また、<div>タグを使用しなくても、 <td align="center" class="title"> <hr width="500"> りっとのいえ <hr width="500"> </td> でも大丈夫ですよ。 もう一つ。 多分、メモ帳などのテキストエディタで作成しているかと思いますが、タグの組み合わせを確認して下さい。 また、<head>に書かなければいけないものが<body>内に記述されていたりします。 ドキュメントタイプは、一番上にあったほうがいいと思います。 IEで表示が確認できても、違うブラウザではレイアウトが崩れたり、動きが止まってしまうようなこともあるかもしれません。 急ぐ必要がないので、ゆっくり見直してみてくださいね。 ＃ちなみに、おおきなまとまりで段落を付けていくと、見やすいし 判りやすいかと思ってみますが、どうでしょう？ <body> <p>ああああああ</p> <table> <tr> <td>いいいいいいい</td> </tr> </table> </body> みたいな感じで。 |
| いつのまにかむむりくさんの投稿が・・・（笑） おんなじこと書いてあって、何故か安心（*^_^*） 投稿の途中で席を立ってはいけませんね、やっぱり。 |
| これでいいのかな <html><head> <META http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="../moji.css" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <title>りっとのHP</title> </head> <body> <body background="../img/back.gif">> <table align="center"> <tr> <td align="center" class="title"> <hr width="500"> りっとの家 <hr width="500"> </td> </tr> <tr> <td align="center"> <a href="gennkann.html">玄関へ</a><br><p> <a href="1f.html">１Fへ</a><br><p> <a href="2f.html">２Fへ</a><br><p> <a href="3f.html">３Fへ</a><br><p> <hr width="500"><br><p> <a href="../top.html" target="main">トップへ</a> </td> </tr> </tabale> </body></html> ずらしてみると見やすいですね＾＾ DIVがなくなっちゃいました <table align="center">は<table>だけでもいいと思いますが画面が大きくなると，右が空くのが嫌で入れてますが問題ありますか？ |
| ▼りっとさん： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>りっとのHP</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="../moji.css" type="text/css"> </head> ・・・上は私の好みですが（笑） あ、<body>が二つあるのと、<table>の閉じタグの綴りがちょっとちがいますよ。 右側があくのがいやということでしたが、別にセンターに持ってきても大丈夫ですよ。問題はありません。 これを左に寄せて、あいた空間に画像を配置するというてもありますし、色々考えてみてくださいね。 |
| 文字サイズ、単位[pt]は一部の人に嫌われるかも、デス。 IEでは、文字の大きさが固まってしまって、文字を大きくしたり小さくしたり出来ませんので。 私はパーセントを使うのを勝手に推奨しております。 いや、勝手とは言いますが、根拠はあります。 13ptくらいの大きめのサイズなら、あまり文句を言う人もいないとは思いますが。 |
| いろいろレスありがとうございます＾＾ とりあえずセンターで行ってみます 文字サイズを％ですか そんなのあるんですね（汗 調べて試してみます |