NN4.04 で、<B>〜</B> を認識させるには？

[上に] [前に] [次に]
YUFU [E-Mail] [HomePage] 1999/06/08(火) 22:10:42
NN関連でずーっとトラブってる YUFU です。

たぶんスタイルシート (後述) が原因だと思うのですが、NN4.04で、ボールド表示になりません。IE4 で確認した場合、正常に表示されます。

% スタイルシート
BODY,TD,TH{font:12px/150% yufu;background-image:url(image/wall.gif);}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#FF8000;text-decoration:underline;font-weight:bold;}
a:active{color:#FF0000;text-decoration:underline;font-weight:bold;}

# フォントファミリーの、yufu は、ブラウザのデフォルトのフォントを使ってもらいたいのに、NNでは指定しなければならないので、なさそうなフォント名を指定した苦肉の策です。

スタイルシートでおかしいところがあるのが原因でしょうか？
現在判明している認識してくれないタグは、<H1とか>,<B>,<IMG src="" (途中で画像が切れる)> 等です。

記述におかしいところがあればご指摘お願いします。
Nobu3 1999/06/08(火) 23:49:15
１．fontを分割して書く。（font-size,line-height,font-family）
２．b{font-weight:bold;}をつけてみる。
３．fontを書かない。

試せませんが、どれかでうまくいかないかぁ・・・
sekita 1999/06/09(水) 08:55:24
ＮＮはａ：〜〜に関しては取り込みが不完全なので
font-weightは効かないと思います。
たしかcolorも効かなかったと記憶しているのですが
そちらのほうはどうなのでしょうか？
YUFU [E-Mail] [HomePage] 1999/06/09(水) 13:18:45
[[解決]]
Nobu3さん、sekitaさん ありがとうございました。

Nobu3さんの 2番の方法で、解決することが出来ました。
何だか、騙されたような方法でしたが……。
これで、<H〜>も可能なのですが、<IMG src="〜"> は、どの様にしましょう？
問題ページは、
http://www.jade.dti.ne.jp/~yufu/E-map.html (23KB)
http://www.jade.dti.ne.jp/~yufu/desk.html (8KB)
です。

# 本題は解決しましたので、解決ボタンをチェックしておきます。
$ イメージについては、HTMLファイル内に直接スタイルを書いた場合、
  正常に表示されるようです。
Nobu3 1999/06/09(水) 23:34:11
原因はやっぱりfontでしょう。
スタイルシートの仕様書にもよくわからない事が書いてあるんですが、
line-height（fontだと150%の部分）は基準の文字の大きさで量るとかなんとか・・・。う〜ん適当 (^^;;;

だまされたと思って、H1〜H6まで全部指定しましょう。少なくともfont-sizeくらいは指定してみてはどうでしょう。
<B>は治ったんだし・・・
Nobu3 1999/06/09(水) 23:55:16
あれ？
Hnは解決してたんですね・・・
IE5で「E-map」のページを見たら２行になって重なってたんですけど（ウィンドウが小さいので・・・）。まだ更新してなかっただけ？

あと、もう一つ気付いた事。
スクリプトあってます？
NN4.5でみたら、変な事になりましたけど・・・
僕も経験した事があるんですが、document.write()は変数を使って書いた方がいいです。

temp='なんたらかんたら・・・';
document.write(temp);

こっちの方が安定します。特に外部ファイルは。
YUFU [E-Mail] [HomePage] 1999/06/10(木) 15:24:28
ども。YUFUです。やはり、
> BODY,TD,TH{font:12px/150% yufu;background-image:url(image/wall.gif);}
が悪さをしているようです。これをコメントアウトした場合、
全てに関して (<B><Hn><IMG>)、正常に戻ります。

| BODY,TD,TH{font-size:12px;line-height:150%;background-image:url(image/wall.gif);}
のように、変更しましたが、<B> にしか効果はありませんでした。

現在の yufu.css の中身
| BODY,TD,TH{font-size:12px;line-height:150%;background-image:url(image/wall.gif);}
| a:link{text-decoration:none;}
| a:visited{text-decoration:none;}
| a:hover{color:#FF8000;text-decoration:underline;font-weight:bold;}
| a:active{color:#FF0000;text-decoration:underline;font-weight:bold;}

これによって、<B> は、認識されました。<Hn><IMG>は、不可です。
& 理由不明ですが、IE の場合、、<Hn><IMG> は認識されています。

# ところで、TD,TH は記述しないとまずいのでしょうか？
# BODY だけでいけそうな気もするのですが……。

! 途中から読まれた方へ : トラブルは NN での CSS に関してです。
Nobu3 1999/06/11(金) 08:56:26
基本的にNN4.04はスタイルシートが中途半端なので、
どちらでも同じように見せるのが目的なら、スタイルシートは使わないほうがいいです。（矛盾してますが）
スタイルシートを使いたいなら、無理にNNへの対策はしないほうがいいと思います。そのくらいの自信を持って欲しいです。
YUFU [E-Mail] [HomePage] 1999/06/11(金) 18:30:43
[[解決]]
<IMG>を無効にしている原因(?) が分かりました。
> line-height:150%;
が原因だったようです。

そこで、今度、JavaScript の if文で何とか対応しようと考えています。

ただ、NNの場合のみ、行間があかないという不具合がありますが……(^^;)。
[上に] [前に] [次に]