質問編集履歴
6
見やすく、そして画像も追加で入れました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,17 +1,22 @@
|
|
1
1
|
質問が2つ、あります!
|
2
2
|
|
3
|
-
今、この記事の
|
3
|
+
今、この記事の 【ココ知っトコ!】・・・の所にある表についてですが
|
4
4
|
[この記事](http://datsumou-station.com/%E3%80%90%E8%A3%8F%E6%8A%80%E3%80%91%E7%84%A1%E5%88%B6%E9%99%90%E3%82%B3%E3%83%BC%E3%82%B9%E2%9D%A4%E4%BD%BF%E7%94%A8%E3%81%A7vio%E8%84%B1%E6%AF%9B%E3%82%92%E4%B8%80%E7%95%AA%E5%AE%89%E3%81%84/)
|
5
5
|
|
6
|
-
|
6
|
+

|
7
7
|
|
8
|
-
こちらのものを、自分が運営しているサイトの記事内に挿入した所
|
9
|
-
一番最後にテキストタブでもらってきた表のcss/htmlをそのまま両方記事内に入れると左側のbullet(△のマーク)の画像は反映されたのですが、なぜか、一番上の一行目(1列目・2列目の所)の背景画像が反映されていません。
|
10
8
|
|
11
|
-
※しかし一度更新すると、崩れちゃって表が地味になり、表の装飾(本来ある△のマークや表の背景色等全部)が全部反映されなくなっちゃいます。
|
12
|
-
|
9
|
+
本当は、こんな風に表示させたいです。
|
10
|
+
[参照したサイト](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
13
11
|
|
12
|
+
------------------質問1------------------
|
13
|
+
全く同じ物を記事内にいれたら、
|
14
|
+
th.spec
|
15
|
+
th.specalt
|
14
|
-
|
16
|
+
この二つのbackgroundとしてしてされている三角のマークが左上についた画像は反映されたのですが、
|
17
|
+
一番上のthで背景画像として指定されている背景画像が反映されません。
|
18
|
+
コード、間違っていますでしょうか?
|
19
|
+
それとも、サイズの問題とか・・・?
|
15
20
|
|
16
21
|
▼WPの記事内に挿入したテーブルCSS/HTMLはこちらです
|
17
22
|
|
@@ -103,13 +108,12 @@
|
|
103
108
|
```
|
104
109
|
|
105
110
|
|
106
|
-
[参照したサイトはこれで、本当はこんな風に表示させたいです](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
107
111
|
|
108
|
-
|
112
|
+
------------------質問2------------------
|
109
113
|
|
110
114
|
上記と同じ表についてですが、
|
111
115
|
今、
|
112
|
-
記事編集の時点(WPでいう[テキスト]タブの所)で上記のcss/htmlをそのままワンセットでいれてて反映させている状態です。(最後に入れる
|
116
|
+
記事編集の時点(WPでいう[テキスト]タブの所)で上記のcss/htmlをそのままワンセットでいれてて反映させている状態です。(最後に入れる表が綺麗に反映されますが、編集途中でstyle/cssの指定がなくなっちゃってシンプルになっちゃいます。)
|
113
117
|
今まで他の表を入れる時は、表の装飾等の指示をWP管理画面→テーマの編集→スタイルシート(style.css)で、表についての指示をしていたのですが、今回はなぜかそのようにしたとしてもうまく反映されません。
|
114
118
|
何か間違えているのでしょうか・・・?それとも、この表はそういう指示が難しいのでしょうか?
|
115
119
|
|
@@ -171,7 +175,7 @@
|
|
171
175
|
|
172
176
|
|
173
177
|
|
174
|
-
▼スタいる
|
178
|
+
▼スタいるシートに指示する上記のコードを入れた後、こんなhtmlを記事テキスト本文に入れました:
|
175
179
|
```
|
176
180
|
<table class="sankaku">
|
177
181
|
<tbody>
|
5
見やすく、わかりやすくしました
title
CHANGED
File without changes
|
body
CHANGED
@@ -6,17 +6,15 @@
|
|
6
6
|
■質問一つ目
|
7
7
|
|
8
8
|
こちらのものを、自分が運営しているサイトの記事内に挿入した所
|
9
|
-
左側のbullet(△のマーク)の画像は反映されたのですが、なぜか、一番上の一行目(1列目・2列目の所)の背景画像が反映されていません。
|
9
|
+
一番最後にテキストタブでもらってきた表のcss/htmlをそのまま両方記事内に入れると左側のbullet(△のマーク)の画像は反映されたのですが、なぜか、一番上の一行目(1列目・2列目の所)の背景画像が反映されていません。
|
10
10
|
|
11
|
-
|
11
|
+
※しかし一度更新すると、崩れちゃって表が地味になり、表の装飾(本来ある△のマークや表の背景色等全部)が全部反映されなくなっちゃいます。
|
12
12
|
やはりスタイルシートに書き込まないといけないのかもしれません。)
|
13
13
|
|
14
|
-
|
14
|
+
△の所は反映させれたのですが一番上の一行目が反映させられなかったので何か間違っているおかもしれません。そこを直して頂き、コピペのできる状態だと大変ありがたいです・・・。
|
15
15
|
|
16
|
-
|
16
|
+
▼WPの記事内に挿入したテーブルCSS/HTMLはこちらです
|
17
17
|
|
18
|
-
▼記事内に挿入したテーブルCSS/HTMLはこちらです
|
19
|
-
|
20
18
|
```
|
21
19
|
<style type="text/css">
|
22
20
|
#mytable {
|
@@ -105,18 +103,18 @@
|
|
105
103
|
```
|
106
104
|
|
107
105
|
|
108
|
-
[参照したサイトはこれです](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
106
|
+
[参照したサイトはこれで、本当はこんな風に表示させたいです](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
109
107
|
|
110
108
|
■質問二つ目
|
111
109
|
|
112
110
|
上記と同じ表についてですが、
|
113
111
|
今、
|
114
|
-
記事編集の
|
112
|
+
記事編集の時点(WPでいう[テキスト]タブの所)で上記のcss/htmlをそのままワンセットでいれてて反映させている状態です。(最後に入れると大丈夫ですがちょっと記事をいじるだけで崩れちゃいます)
|
115
|
-
今まで他の表を入れる時は、
|
113
|
+
今まで他の表を入れる時は、表の装飾等の指示をWP管理画面→テーマの編集→スタイルシート(style.css)で、表についての指示をしていたのですが、今回はなぜかそのようにしたとしてもうまく反映されません。
|
116
114
|
何か間違えているのでしょうか・・・?それとも、この表はそういう指示が難しいのでしょうか?
|
117
115
|
|
118
116
|
|
119
|
-
▼スタイルシートに入れた
|
117
|
+
▼スタイルシート(style.css)に指示を入れた時、こんな風に書きました:
|
120
118
|
```
|
121
119
|
/* --------------------------------------------------
|
122
120
|
sankaku Table ここからいれたもの表5つ目
|
@@ -173,7 +171,7 @@
|
|
173
171
|
|
174
172
|
|
175
173
|
|
176
|
-
▼記事テキスト本文に入れた
|
174
|
+
▼スタいるしーとに入れた後、こんなhtmlを記事テキスト本文に入れました:
|
177
175
|
```
|
178
176
|
<table class="sankaku">
|
179
177
|
<tbody>
|
@@ -205,7 +203,9 @@
|
|
205
203
|
</table>
|
206
204
|
```
|
207
205
|
|
206
|
+
~まとめ~
|
207
|
+
・参考サイトと同じ表を自社サイトに入れたいです!
|
208
|
+
コピペでそのままス変えると大変助かります!
|
208
209
|
|
209
210
|
|
210
|
-
|
211
211
|
よろしくお願い致します><
|
4
コードをバッククオートで囲みました。リンクもリンク表示させるようにしました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,10 +1,8 @@
|
|
1
1
|
質問が2つ、あります!
|
2
2
|
|
3
3
|
今、この記事の一番トップに置いている表についてですが、
|
4
|
-
http://datsumou-station.com/%E3%80%90%E8%A3%8F%E6%8A%80%E3%80%91%E7%84%A1%E5%88%B6%E9%99%90%E3%82%B3%E3%83%BC%E3%82%B9%E2%9D%A4%E4%BD%BF%E7%94%A8%E3%81%A7vio%E8%84%B1%E6%AF%9B%E3%82%92%E4%B8%80%E7%95%AA%E5%AE%89%E3%81%84/
|
4
|
+
[この記事](http://datsumou-station.com/%E3%80%90%E8%A3%8F%E6%8A%80%E3%80%91%E7%84%A1%E5%88%B6%E9%99%90%E3%82%B3%E3%83%BC%E3%82%B9%E2%9D%A4%E4%BD%BF%E7%94%A8%E3%81%A7vio%E8%84%B1%E6%AF%9B%E3%82%92%E4%B8%80%E7%95%AA%E5%AE%89%E3%81%84/)
|
5
5
|
|
6
|
-
|
7
|
-
|
8
6
|
■質問一つ目
|
9
7
|
|
10
8
|
こちらのものを、自分が運営しているサイトの記事内に挿入した所
|
@@ -19,6 +17,7 @@
|
|
19
17
|
|
20
18
|
▼記事内に挿入したテーブルCSS/HTMLはこちらです
|
21
19
|
|
20
|
+
```
|
22
21
|
<style type="text/css">
|
23
22
|
#mytable {
|
24
23
|
width:100%;
|
@@ -103,10 +102,10 @@
|
|
103
102
|
</tbody>
|
104
103
|
</table>
|
105
104
|
|
105
|
+
```
|
106
106
|
|
107
|
-
参照したサイトはこれです:
|
108
|
-
http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j
|
109
107
|
|
108
|
+
[参照したサイトはこれです](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
110
109
|
|
111
110
|
■質問二つ目
|
112
111
|
|
@@ -118,6 +117,7 @@
|
|
118
117
|
|
119
118
|
|
120
119
|
▼スタイルシートに入れた指示はこちらです:
|
120
|
+
```
|
121
121
|
/* --------------------------------------------------
|
122
122
|
sankaku Table ここからいれたもの表5つ目
|
123
123
|
-------------------------------------------------- */
|
@@ -169,10 +169,12 @@
|
|
169
169
|
color:#797268;
|
170
170
|
}
|
171
171
|
|
172
|
+
```
|
172
173
|
|
173
174
|
|
174
175
|
|
175
176
|
▼記事テキスト本文に入れたhtmlはこちらです:
|
177
|
+
```
|
176
178
|
<table class="sankaku">
|
177
179
|
<tbody>
|
178
180
|
<tr>
|
@@ -201,6 +203,7 @@
|
|
201
203
|
</tr>
|
202
204
|
</tbody>
|
203
205
|
</table>
|
206
|
+
```
|
204
207
|
|
205
208
|
|
206
209
|
|
3
タイトル崩れ変更しました
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
|
1
|
+
WPで、表のcss/html入れ方について。分かる人には簡単だと思うのですが教えて頂けると大変助かります!
|
body
CHANGED
File without changes
|
2
表が反映されなくなり崩れたので追記を入れました
title
CHANGED
File without changes
|
body
CHANGED
@@ -10,6 +10,9 @@
|
|
10
10
|
こちらのものを、自分が運営しているサイトの記事内に挿入した所
|
11
11
|
左側のbullet(△のマーク)の画像は反映されたのですが、なぜか、一番上の一行目(1列目・2列目の所)の背景画像が反映されていません。
|
12
12
|
|
13
|
+
(追記※一度更新すると、崩れちゃって表が地味になり、表の装飾が全部反映されなくなっちゃいます。
|
14
|
+
やはりスタイルシートに書き込まないといけないのかもしれません。)
|
15
|
+
|
13
16
|
原因分かる方教えて下さい。
|
14
17
|
|
15
18
|
また、当方あんまり知識がなく、具体的にやり方やコピペのできる状態だと大変ありがたいです・・・。
|
1
urlミスを治しました
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
質問が2つ、あります!
|
2
2
|
|
3
3
|
今、この記事の一番トップに置いている表についてですが、
|
4
|
-
http://datsumou-station.com/%E3%
|
4
|
+
http://datsumou-station.com/%E3%80%90%E8%A3%8F%E6%8A%80%E3%80%91%E7%84%A1%E5%88%B6%E9%99%90%E3%82%B3%E3%83%BC%E3%82%B9%E2%9D%A4%E4%BD%BF%E7%94%A8%E3%81%A7vio%E8%84%B1%E6%AF%9B%E3%82%92%E4%B8%80%E7%95%AA%E5%AE%89%E3%81%84/
|
5
5
|
|
6
6
|
|
7
7
|
|