Q&A
HTML、CSSのコードを提示してください。
>test.htmlを変更せず
それはどういう理由でしょうか？サーバに影響がある.htaccessをいじるよりも安全で確実に思うのですが。
前提
workspace ┗index.html ┗hoge ┗test ┗test.html ┗test.css
今の自分のパソコンの「workspace」フォルダがこうなっています。
ブラウザで http://localhost を見ると「index.html」が表示されます。
実現したいこと
ブラウザで http://localhost/hoge/test/test.html を見ると
表示されますが、cssが外れてレイアウトがおかしくなっています。
test.htmlを変更せずにcssをリンクしたいです。
試したこと
.htaccessでパスを変更できないかなと思いtestディレクトリの中に入れてみましたが、ダメでした。
RewriteEngine On RewriteCond %{http_host} ^localhost/hoge/test/ RewriteRule ^(.*) http://localhost/$1 [R=301,L]
どなたかご教授お願いいたします。
他の人が作ったhtmlなので変更できないんです。
ですが、自分のパソコンで見れるようにしたいです。
htmlにはcssがリンクされています。
<link rel="stylesheet" href="/test.css">
localhostなら自身のPCですよね。.htaccessを置けるなら編集できなり道理がないです。
いずれにしてもどういうHTMLを組んでどういうCSSを組んで、どういうつもりのレイアウトがどう崩れているのか提示されたほうが良いと思います。
「cssのパスが外れて」と仰っていますが、何を見てそのように言っているのかこちらでは分かりませんので、質問編集して適宜追記してください。
はい htmlを編集はできるのですが、編集しない方法が知りたいと言うことです。
質問としては、htmlを編集せずにリンクしているファイルパスの変更方法があれば知りたい、と言うことです。
XY問題が起きていると思います。
本来は「CSSによって正しいレイアウトが実現すること」が目標としなければならないはずが、
枝葉の手法のみに終始されているように見受けられます。
HTMLやCSSが正しく組まれてないという懸念はないですか？少なくとも何も提示されてない現状では「そもそものコードが間違ってるんじゃないか」というのが先に来ます。
「間違ってない」ことを確認した上で考えられる対策を模索していくべきと思います。
例え、.htaccessで何かしらいじったとして、それで解決する保証があるかどうか、現状では判断できる材料がないのです。
なるほど
確認してみます。
index.htmlとtest.htmlのリンク定義は両方とも以下ですか？
<link rel="stylesheet" href="./test.css">
だとすればindex.htmlと同じファルダにtest.cssが、test.htmlと同じフォルダにもtest.cssが必要です。
すみません。ちょっと間違えていました。
ドットがなかったです。
<link rel="stylesheet" href="/test.css">
回答1件
0
ベストアンサー
index.htmlとtest.htmlのリンク定義がともに
html
1<link rel="stylesheet" href="/test.css">
の場合、index.htmlとtest.htmlは、ドキュメントルート（index.htmlと同じフォルダ）のtest.cssを参照します。
ドキュメントルートにtest.cssがあるかを確認して下さい。
投稿2022/10/25 07:52
総合スコア54
ありがとうございます。
この場合、test.htmlを変更せずにtest.cssを参照することはできないでしょうか？
辺なやり方かもしれませんがそういった方法があれば知りたいです。
ドキュメントルートにtest.cssがあればtest.htmlはそれを参照するので変更は不要です。
ファイルの位置も変えずに、今の状態のままtest.cssを参照したいのですが、
そういった方法は何かありますか？
ありません。
現状、index.htmlとtest.htmlはtest.cssを参照出来ないはずです。
元々はドキュメントルートに存在したtest.cssをtest.htmlと同じフォルダに移動したのでは？
遅くなりましたが、ありがとうございました。
あなたの回答
tips
プレビュー
