記事参照
No.6 2010/01/11 10:33
題：Re: 左右のフレームにスタイルシートを適用したいのですがリンク切れ
名：nn
参照URIが多すぎてスパムとしてブロックされるので、URIの頭にスペースを入れています。
h ttp://hanako.yuki-mura.net/index.html
7行目：
<LINK href="../sitetheme/hpb9tm06_4.css" rel="stylesheet" type="text/css" id="hpb9tm06_4">
h ttp://hanako.yuki-mura.net/mokuji/mokuji.html および
h ttp://hanako.yuki-mura.net/contents/contents1.html
7行目：
<LINK href="../sitetheme/hpb9tm06_4.css" rel="stylesheet" type="text/css" id="hpb9tm06_4">
単純にコピペしたのか、いずれもhref属性値が全く同じ記述になっていますが、index.htmlと、mokuji.htmlならびにcontents1.htmlは違う階層にあるのですからhpb9tm06_4.cssへの相対URIはそれに応じて変わってきます。
h ttp://hanako.yuki-mura.net/index.html
<LINK href="../sitetheme/hpb9tm06_4.css" rel="stylesheet" type="text/css" id="hpb9tm06_4">
これだと、index.htmlのひとつ上の階層のsitethemeディレクトリのhpb9tm06_4.cssを参照していますが、index.htmlはトップディレクトリにあるので、そのようなファイルは実際には存在しない、またはアクセス出来ません。
hpb9tm06_4.cssの実際の場所は、
h ttp://hanako.yuki-mura.net/sitetheme/hpb9tm06_4.css
つまり、index.htmlと同じディレクトリにあるsitethemeディレクトリにあるのですから、正しくは
<LINK href="./sitetheme/hpb9tm06_4.css" rel="stylesheet" type="text/css" id="hpb9tm06_4">
または、
<LINK href="sitetheme/hpb9tm06_4.css" rel="stylesheet" type="text/css" id="hpb9tm06_4">
h ttp://www.tagindex.com/html_tag/basic/uri.html
現在のファイルと参照先のファイルの位置関係に常に注意を払ってください。
まあ、ビルダーを適切に扱いさえすれば、作者が意図しなくてもちゃんとやってはくれますが。
なぜかweb上で反映されるのは……、あり得ない参照先をサーバーでリカバーしてるのかな？（わかりません）
なお、cssに一部誤りがありますので、下記などで文法チェックされるとよいでしょう。
h ttp://jigsaw.w3.org/css-validator/
ついでにHTMLの文法チェック
h ttp://openlab.ring.gr.jp/k16/htmllint/htmllinte.html
掲示板に戻る