メモ帳を使ったホームページ作りについてです。

解決済

質問者：hikadakun
質問日時：2013/08/16 01:26
回答数：4件

ホームページをメモ帳で作っている最中の者です。

外部cssをメモ帳で作っているのですが、製作中のホームページのほうに全く反映されていないです。
htmlの<head>付近は、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>記事一覧</title>
<link rel="stylesheet" href="homepage/style.css" type="text/css">
</head>
<body bgcolor="#00a1e9">
<div align=center>

です。css全文は、
@charset "shift-jis";

.p{
font-family: sans-serif;
font-size: 90%;
}

h2{
font-size: 130%;
font-family: sans-serif;
}

a:hover {
color: #fcc800;
text-decoration: none;
}
だけです。
　同じフォルダー内に入れ、拡張子にも注意しましたした。html全文もhttp://www.htmllint.net/さんのほうでチェックさせてもらって、51点のふつうの評価をもらっています。また、<body>のほうで,フォントの色や形の指定はしていません。

どなたかご教示お願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： katokundes
回答日時：2013/08/16 18:50

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>記事一覧</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body bgcolor="#00a1e9">
<div align=center>
<tr>
<td class="p">■趣　味</td>
<td ><h2>スポーツ観戦</h2>
</tr>
<a href="yesterday.html">昨日のお天気</a>
</body>
</html>

style.cssが同じフォルダーにありますか？他の無関係のファイルも拡張子は表示されていますよね？
test.html
style.css
でこんな感じですが
カーソルはプリントスクリーンで消えてます。

- 0
- 件

通報する

この回答へのお礼

何度ご迷惑をおかけしてすみません。
おかげで、ｃｓｓが反映されました。
どうやら、うまくｃｓｓファイルを読み込んでいなかったようです。
本当にありがとうございます！！

通報する

お礼日時：2013/08/16 22:07

No.3

回答者： katokundes
回答日時：2013/08/16 03:59

ｈｔｍｌ　ｂｏｄｙに

<a href="yesterday.html">昨日のお天気</a>
を本文に追加してｃｓｓの
a:hover {
color: #fcc800;
text-decoration: none;
}
が機能するか確認

- 0
- 件

通報する

この回答へのお礼

再度のご回答ありがとうございます。
確認させてもらったのですが、リンクの色はカーソルオンにしても変わりませんでしたし、下線も引かれたままでした。

通報する

お礼日時：2013/08/16 12:09

No.2

回答者： EFA15EL
回答日時：2013/08/16 02:01

そうですね。

同じフォルダ内と言いつつパスは一階層下を指しています。

href="homepage/style.css"

これだと、同一フォルダ内にある「homepage」というフォルダの中にある事になってしまいます。
本当にhtmlファイルとcssファイルが同一フォルダ内にあるのなら、

href="style.css"

が正解です。

相対パスの書き方について再度勉強してみましょう。