ネスケでの背景色について

[新着] Webテンプレートを仮オープンしました



0   名前: WEB-Dの卵 : 2004/01/13 13:51
こんいちわ。
どなたか教えて下さい。
下記ソースをIEで実行すると背景色は色(青)が付くのですが、
ネスケで表示させると背景色が付きません。
ネスケのJavaScriptは有効になってます。

宜しくお願い致します。

---ソース始---
<html>
<hrad>
<title>******</title>

<style type="text/css">
<!-- リンク先アンダーバーをポイントした時のみ表示 -->
a { text-decoration:none; }
a:hover { text-decoration:underline; }

<!-- ポイントでリンク文字色変色 -->
a:hover { color:red; }


</style>
<script language="JavaScript">
<!--
document.bgColor="#0000cc";
//-->
</script>
</head>
<body>
メニュー画面<br />
<br />

<a href="" title="What's New" target=""><font color="#ffff00">What's New</font></a>
<br />
<a href="" title="プロフィール" target=""><font color="#ffff00">Profile</font></a>
<br />
<a href="" title="日記" target=""><font color="#ffff00">Diary</font></a>
<br />
</body>
</html>
---ソース終---

1   名前: WEB-Dの卵 : 2004/01/13 14:21
追加:
CSSも効きません…(ToT

2   名前: : 2004/01/13 20:27
選択するわけじゃないのに、ジャバで背景指定する理由がいまいちわからないですが、
http://www.tagindex.com/javascript/script/bgcolor.htmlの、

<SCRIPT LANGUAGE="JavaScript">
<!--

function BackColor(col){
document.bgColor=col;
}

//-->
</SCRIPT>
とWEB-Dの卵さんのソースを比べたら大体想像されるのは、色の指定方法(""でくくるか、()でくくるか?)でしょうか。

CSSが効かないのは、ネスケが未対応なのかも。(NE4.0ではA:hover { ... }は未対応のようです)

蛇足ながら、
未対応ブラウザのために、CSS設定部分はコメントタグでくくったほうがいいと思います。
<br />←/いらないです。IEとかは、多少タグが変でもちゃんと表示しちゃいますが、ブラウザによっては変になるかと。
あと、リンク文字だったら、フォントカラーで指定しないで、
http://www.tagindex.com/html_tag/page/body.html
こっちで指定したほうがシンプルにできるかと(全部同じ色のようですし)

3   名前: t-rex : 2004/01/14 01:39
Javascriptは詳しくないのですが、script要素内に
document.bgColor='#0000cc';
と書いただけでは反映されないのが本来なのかもしれません。
IEが独自に対応しているというだけで。
<body onload="document.bgColor='#0000cc';">
としてみてください。
↑合っているでしょうか?

CSSが効かないのは、HTMLで文字色を指定しているため、
CSSの指定が上書きされているからだと思います。
また、そもそも背景色だけをJavascriptで指定するというのも、
Javascriptを切っている場合にとんでもない表示になる可能性が
あるので、色の指定はCSSに統一するのが良いかと思います。

<br />はXHTMLなら合っています。
文書型宣言がないので何ともいえませんが…。
とりあえず後方互換に配慮した書き方なので、
エラーになることはないでしょう。

4   名前: : 2004/01/14 16:55
うわ、<br />正規表現でしたか。
見当違いのこといってごめんなさい。

5   名前: 匿名希望 : 2004/01/15 13:53
ご回答いただけたお二人へ

もぅ少しCSSを勉強して出直します…
ありがとうございました。

一覧へ戻る