teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

修正

2017/11/18 15:28

投稿

jyoze
jyoze

スコア48

title CHANGED
File without changes
body CHANGED
@@ -5,11 +5,13 @@
5
5
 
6
6
  http://www.○○○.com/test/index.html
7
7
 
8
+ 全てのファイルをトップディレクトリ(www.○○○.com直下)に入れると上手く表示される状態です。
9
+ その全てのファイルをサブディレクトリ(test)に移動させたときにパスなどは変更せずに.htaccessを使って表示させたいと思っています。
10
+ 現状そのまま移動させても、パスはルートフォルダを参照しているので、cssや画像が表示されません。
11
+ リンクのパスは<a href="/test2.html">のように絶対パスの指定となっております。
12
+ JSも<script src="/js/script.js"></script>のような絶対パスで指定しております。
13
+ ですので、サブフォルダ内をトップディレクトリとして扱いたいと思っています。
8
14
 
9
- test内に入れているcssフォルダなどは以下のようにルートからの絶対パスで読み込みたいと思っています。
10
-
11
- <link rel="stylesheet" href="/css/style.css">
12
-
13
15
  .htaccessで上記のような対応は可能でしょうか。
14
16
 
15
17
  ▼構造はこのような形です。

3

構造編集

2017/11/18 15:28

投稿

jyoze
jyoze

スコア48

title CHANGED
File without changes
body CHANGED
@@ -13,12 +13,14 @@
13
13
  .htaccessで上記のような対応は可能でしょうか。
14
14
 
15
15
  ▼構造はこのような形です。
16
+ ```ここに言語を入力
16
17
  http://www.○○○.com
17
18
  └ test
18
19
    ├img
19
20
    ├js
20
21
    ├index.html
21
22
    └index2.html
23
+ ```
22
24
 
23
25
  ご教示、何卒よろしくお願いいたします。
24
26
 

2

構造追加

2017/11/17 17:20

投稿

jyoze
jyoze

スコア48

title CHANGED
File without changes
body CHANGED
@@ -12,6 +12,14 @@
12
12
 
13
13
  .htaccessで上記のような対応は可能でしょうか。
14
14
 
15
+ ▼構造はこのような形です。
16
+ http://www.○○○.com
17
+ └ test
18
+   ├img
19
+   ├js
20
+   ├index.html
21
+   └index2.html
22
+
15
23
  ご教示、何卒よろしくお願いいたします。
16
24
 
17
25
  ▼こちらは実際にtestフォルダ直下に入れているHTMLの一部になります。

1

コードの追加

2017/11/17 17:19

投稿

jyoze
jyoze

スコア48

title CHANGED
File without changes
body CHANGED
@@ -12,4 +12,25 @@
12
12
 
13
13
  .htaccessで上記のような対応は可能でしょうか。
14
14
 
15
- ご教示、何卒よろしくお願いいたします。
15
+ ご教示、何卒よろしくお願いいたします。
16
+
17
+ ▼こちらは実際にtestフォルダ直下に入れているHTMLの一部になります。
18
+ ```ここに言語を入力
19
+
20
+ <link rel="stylesheet" href="/css/style.css">
21
+ <link rel="stylesheet" href="/css/slick.css">
22
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
23
+ <script src="/js/script.js"></script>
24
+ <script src="/js/js.cookie.js"></script>
25
+ </head>
26
+
27
+ <body class="home">
28
+ <div class="container">
29
+ <header class="header" id="pagetop">
30
+ <div class="">
31
+ <h1><a href="/"><img src="images/common/header_logo.png" alt=""></a></h1>
32
+ </div>
33
+ </header>
34
+ </div>
35
+ </body>
36
+ ```