teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問iframeにCSSを追加したい

編集履歴

質問編集履歴

5

追記２～４を追記しました。

2021/07/05 03:45

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -16,13 +16,15 @@
16
16
 
17
17
  ドメイン直下/a/b/c/frm.php
18
18
 
19
- ドメイン直下/a/b/c/frm.html
19
+ ドメイン直下/a/b/c/d/frm.html
20
+
21
+ **追記２：**frm.htmlは/a/b/c/frm.htmlじゃなくて/a/b/c/d/frm.htmlでした。
20
22
 
21
23
 
22
24
 
23
25
  ### ３．コード
24
26
 
25
- index.html
27
+ test/index.html
26
28
 
27
29
  ```html
28
30
 
@@ -84,11 +86,11 @@
84
86
 
85
87
 
86
88
 
87
- echo $outputHTML;
89
+ echo $outputHTML;←ここで呼んでるのは/a/b/c/d/frm.html
88
90
 
89
91
  }else{
90
92
 
91
- require($test123.'frm.html');
93
+ require($test123.'frmxxx.html');
92
94
 
93
95
  }
94
96
 
@@ -98,7 +100,13 @@
98
100
 
99
101
  ```
100
102
 
103
+ **追記３：**echo $outputHTML;←ここで呼んでるのは/a/b/c/d/frm.htmlを追記しました。
104
+
105
+ require($test123.'frm.html');をrequire($test123.'frmxxx.html');に修正しました。
106
+
107
+
108
+
101
- a/b/c/frm.html
109
+ a/b/c/d/frm.html
102
110
 
103
111
  ```html
104
112
 
@@ -112,38 +120,28 @@
112
120
 
113
121
  <dl>
114
122
 
115
- <?php
116
-
117
- for($i = 0;$i < count($k_list);$i++){
118
-
119
- if($k_list[$i]['type_a'] == 1){
120
-
121
- echo '<dd>'."\r\n";
122
-
123
- echo '<span class="name"><a href="./a/b/k/detail_'.htmlspecialchars($k_list[$i]['k_no']).'_kj_1.html">'.htmlspecialchars($k_list[$i]['address'],ENT_QUOTES,'EUC-JP').' '.htmlspecialchars($k_list[$i]['address_01'],ENT_QUOTES,'EUC-JP').'の店舗への口コミ</a></span><br>'."\r\n";
124
-
125
- }else{
126
-
127
- echo '<dd>'."\r\n";
128
-
129
- echo '<span class="name"><a href="./a/b/k/detail_'.htmlspecialchars($k_list[$i]['k_no']).'_ss_1.html">'.htmlspecialchars($k_list[$i]['name'],ENT_QUOTES,'EUC-JP').'への口コミ</a></span><br>'."\r\n";
130
-
131
- }
132
-
133
- echo '<span class="date">'.htmlspecialchars(date("Y/m/d",strtotime($k_list[$i]['cre_date']))).'</span><br>'."\r\n";
134
-
135
- echo htmlspecialchars($k_list[$i]['kuchikomi_hontai'],ENT_QUOTES,'EUC-JP')."\r\n";
136
-
137
- echo '</dd>'."\r\n";
138
-
139
- }
140
-
141
- ?>
123
+ <dt><img src="images/a/b_bad.png" alt="非推奨口コミ"></dt>
124
+
125
+ <dd>
126
+
127
+ <span class="name"><a href="./a/b/n/detail_1.html">XXXへの口コミ</a></span><br>
128
+
129
+ <span class="date">2018/09/22</span><br>
130
+
131
+ 口コミ内容本文
132
+
133
+ </dd>
142
134
 
143
135
  </dl>
144
136
 
145
137
  ```
146
138
 
139
+ **追記４：**上記はa/b/c/frm.htmlじゃなくてa/b/c/d/frm.htmlでした。
140
+
141
+ <?php ?>は記載されてない静的なただのhtmlでした。
142
+
143
+
144
+
147
145
  test/css/style.css
148
146
 
149
147
  ```css

4

追記１を記載

2021/07/05 03:45

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -188,6 +188,14 @@
188
188
 
189
189
  ```
190
190
 
191
+ **追記１：**
192
+
193
+ 上記CSSの.test1 と.test1 iframeは親ページから見えてるため機能してます。
194
+
195
+ .left aと.right aは全く動いてません。
196
+
197
+
198
+
191
199
  ### ４. 聞きたいこと
192
200
 
193
201
  ・Chromeデバッグで見たらiframe部分が<html><head></head><body>...となっていて、<head>タグはありますが、中身は空で何も書いてありません。

3

書式の改善

2021/07/05 03:18

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
 
4
4
 
5
- 0. やりたいこと
5
+ ### １．やりたいこと
6
6
 
7
7
  index.html（親ページ）にiframeで追加したfrm.php（子ページ）にstyle.cssを適用させたいです。
8
8
 
9
9
 
10
10
 
11
- 0. ディレクトリ構造
11
+ ### ２．ディレクトリ構造
12
12
 
13
13
  ドメイン直下/test/index.html
14
14
 
@@ -20,7 +20,7 @@
20
20
 
21
21
 
22
22
 
23
- 0. コード
23
+ ### ３．コード
24
24
 
25
25
  index.html
26
26
 
@@ -188,7 +188,7 @@
188
188
 
189
189
  ```
190
190
 
191
- ４. 聞きたいこと
191
+ ### ４. 聞きたいこと
192
192
 
193
193
  ・Chromeデバッグで見たらiframe部分が<html><head></head><body>...となっていて、<head>タグはありますが、中身は空で何も書いてありません。
194
194
 

2

書式の改善

2021/07/05 03:14

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- [この方法を試しました](https://mdesign-y.com/frontend/807/)
1
+ [この方法を試しました](https://mdesign-y.com/frontend/807/)が、CSSが全く適用されない？認識されてない？です。
2
2
 
3
3
 
4
4
 

1

ファイル名を修正

2021/07/05 03:10

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  0. やりたいこと
6
6
 
7
- index.html（親ページ）にiframeで追加したcomment.php（子ページ）にstyle.cssを適用させたいです。
7
+ index.html（親ページ）にiframeで追加したfrm.php（子ページ）にstyle.cssを適用させたいです。
8
8
 
9
9
 
10
10