Gizport
1 回答
0
Share (facebook)
43
view
全般

CSSについて こんにちは。どなたか知恵をお貸しください・・・。 ...

CSSについて こんにちは。どなたか知恵をお貸しください・・・。

HP初心者ですがメモ帳を使ってHPを作っています。
ページ数が多くなりそうなので外部ファイルを使ったスタイル設定を試みたのですが・・・
CSSファイルで書いたことがまったく反映されないんです。

なにか大きな勘違いをしているのかもしれないので教えていただけると助かります。そもそもdivの使い方なども分かっていないので・・・。
ソースを載せておきますね


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<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="file:///D:/My Documents/HP3/style.css" type="text/css">
<TITLE></TITLE>
</HEAD>
<BODY>
<div align="center"><BR>
<TABLE width="800" cellspacing="0" cellpadding="0">
<tr>
<td width="800"><IMG src="1.jpg" width="800" height="200" border="0"></td>
</tr></TABLE>
<div class="menu">
<a href="">●</a>
<a href="">●</a>
<a href="">●</a>
<a href="">●</a>
<a href="">●</a>
</div>
</div>
</BODY>
</HTML>




↓CSSファイル

.menu {
width:820px;
}

#menu a {
display:block;
background-color:#eeeeee;
width:160px;
line-height:20px;
text-align:center;
border-right:solid 2px #ffffff;
}

.menu a:hover {
background-color:#666666;
}
a:link {
color:#ff0000;
}
a:visited {
color:#0000ff;
}
a:hover {
color:#00ff00;
}
a {
text-decoration:none;
}

body{
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#ff0000;
scrollbar-darkshadow-color:#000000;
}


a{
text-decoration:none;
}


a:hover{
text-decoration;color:#ff0000;
}


この二つのファイルは同じHP3フォルダ内にあります。


テーブルに関してのは試しにとHP講座サイト様からコピペしたものです。
出来ればhttp://www.pw-design.jp/recipe/12/recipe12-9.htmlなどのテーブルを組み込めたらと思うのですが、
それは↑のやり方で可能でしょうか?
分かりにくい文章で大変申し訳ないですが、回答のほうよろしくお願いします。
Yahoo!知恵袋 5504日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
まず
<LINK rel="stylesheet" href="file:///D:/My Documents/HP3/style.css" type="text/css">

<LINK rel="stylesheet" href="style.css" type="text/css">
に変更してください。
そのままだと、あなたのパソコンで見ているときはcssが反映されても、webにアップしたときに反映されなくなります。

それから、外部スタイルシートがちゃんと「style.css」というファイル名で保存されているか、確認してください。
全角や大文字になっていないか、拡張子を表示させて「style.txt」や「style.css.txt」になっていないかも確認しましょう。

cssの記述自体は、重複している記述があるくらいで、まったく反映されなくなってしまうような大きなミスはありません。
重複している記述は、今のうちに片方を消しておきましょう。放っておくと修正がきちんと反映されなくなる原因になります。

それから、テーブルは今のような形で問題ありません。
Yahoo!知恵袋 5504日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
18
Views
質問者が納得左下のdivの色が反映されない件ですよね? ブラウザ上でソースを見てみると、色の指定の仕方が 。。background-color:black; となっており「。。」のせいでエラーになっている様です。 その他にもheadのmarginも「。。」がついておりエラーになっています。backと同じ幅だから中央表示されている様に見えますが、widthを小さくすると左よりになります。 余計なお世話だと思いますが、ついでに指摘します。 padding ですが、日本語の読みとしては「パディング」と言います。先の...
3642日前view18
全般
24
Views
質問者が納得>それが効き過ぎで風の強さは5段階の最低1にして >温度設定は28℃~30℃にしても、夜は寒いです >寒いと止めて暑くなるとつけて手動サーモスイッチ状態です この使い方が間違いです。 エアコンのサーモスタットは、エアコンの本体に付いています。 そこで冷房運転で風量を1にするとエアコンから出た冷気は、床面に溜まります。 所が、天井付近のエアコンのサーモには暖かい空気が入るので、何時までも冷房運転をしてしまいます。 その為、床面は、低温で天井付近は暖かくなっている状態になります。 この場合は、風量自動にするか...
3796日前view24
全般
43
Views
質問者が納得回線は有線?無線?どっちですか?
4038日前view43
全般
33
Views
質問者が納得電気屋です IHヒーターが正常が前提で書きますが、 基本的に各世帯ごとにわかれていますが。 大元をたどれば、同じところに繋がっています。 各相のバランスよく各世帯で使われていれば問題はありません。 まれにバランスが悪く配線されていたり、家電品のつながり方で、 バランスが崩れることがあります。 一時的に電圧が下がる可能性はあります。 電圧の問題は電力会社に相談するのが良いかと思います。 色々と測定をして、原因を探してくれます。 個人的意見ですが HIヒーターの点検が先だと思います。 違うお部屋の違うコンセ...
4075日前view33
全般
34
Views
質問者が納得冷蔵庫など、他の家電製品の消費電力が増えている可能性はありませんか? 冷蔵庫の場合、室温が高いほど消費電力が増えます。また、氷をよく使うようになったり、冷たいものを飲むようになったりすると扉の開閉が増えるため、消費電力が増えます。
4337日前view34

取扱説明書・マニュアル

531view
http://dynabook.com/.../gx1c0008wi10_prt.pdf
60 ページ0.89 MB
もっと見る

関連製品のQ&A