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

質問編集履歴

2

htaccessについて追記しました。

2020/10/12 07:07

投稿

tomo3nag
tomo3nag

スコア0

title CHANGED
File without changes
body CHANGED
@@ -34,5 +34,11 @@
34
34
 
35
35
  のかたちで同内容(拡張子のみ変更)です。
36
36
 
37
+ ディレクトリに置いてある.htaccessの内容は以下のとおりです。
38
+ ```text
39
+ AddType "text/html; charset=UTF-8" html
40
+ AddType "text/html; charset=UTF-8" txt
41
+ ```
37
42
 
43
+
38
44
  どなたかご教示くださいますよう、どうかお願いいたします。

1

ソースなど追記いたしました。

2020/10/12 07:07

投稿

tomo3nag
tomo3nag

スコア0

title CHANGED
File without changes
body CHANGED
@@ -10,4 +10,29 @@
10
10
  こちらがアップロードしたあとの、望まない表示状態です。
11
11
  ![イメージ説明](4deb423f2cd17f896b1c48a8c9ad7a70.jpeg)
12
12
 
13
+ ```HTML
14
+ <div>
15
+ <iframe src="1.html" width="24%" height="600px" style="margin: 10px;"></iframe>
16
+ <iframe src="1.txt" width="20%" height="600px" style="margin: 10px;"></iframe>
17
+ <iframe src="2.html" width="24%" height="600px" style="margin: 10px;"></iframe>
18
+ <iframe src="2.txt" width="20%" height="600px" style="margin: 10px;"></iframe>
19
+ </div>
20
+ ```
21
+
22
+ という形でiframeを並べており、
23
+
24
+ html/txtファイルは
25
+
26
+ ```HTML
27
+ <div style="display: flex;flex-flow: wrap;justify-content: space-between;align-items: center;margin: 30px auto; text-align:center;">
28
+ <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
29
+ <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
30
+ <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
31
+ <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
32
+ </div>
33
+ ```
34
+
35
+ のかたちで同内容(拡張子のみ変更)です。
36
+
37
+
13
38
  どなたかご教示くださいますよう、どうかお願いいたします。