質問編集履歴
6
見やすく、そして画像も追加で入れました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,29 +2,39 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
今、この記事の
|
5
|
+
今、この記事の 【ココ知っトコ!】・・・の所にある表についてですが
|
6
6
|
|
7
7
|
[この記事](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/)
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
■質問一つ目
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
こちらのものを、自分が運営しているサイトの記事内に挿入した所
|
16
|
-
|
17
|
-
一番最後にテキストタブでもらってきた表のcss/htmlをそのまま両方記事内に入れると左側のbullet(△のマーク)の画像は反映されたのですが、なぜか、一番上の一行目(1列目・2列目の所)の背景画像が反映されていません。
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
11
|
+
![こんな感じに崩れて、シンプルな表になっちゃってます](5bf25ba758bff7dc7b0f2be5485a3563.png)
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
|
16
|
+
|
22
|
-
|
17
|
+
本当は、こんな風に表示させたいです。
|
18
|
+
|
19
|
+
[参照したサイト](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
------------------質問1------------------
|
24
|
+
|
25
|
+
全く同じ物を記事内にいれたら、
|
26
|
+
|
27
|
+
th.spec
|
28
|
+
|
29
|
+
th.specalt
|
30
|
+
|
31
|
+
この二つのbackgroundとしてしてされている三角のマークが左上についた画像は反映されたのですが、
|
32
|
+
|
23
|
-
|
33
|
+
一番上のthで背景画像として指定されている背景画像が反映されません。
|
34
|
+
|
24
|
-
|
35
|
+
コード、間違っていますでしょうか?
|
25
|
-
|
26
|
-
|
36
|
+
|
27
|
-
|
37
|
+
それとも、サイズの問題とか・・・?
|
28
38
|
|
29
39
|
|
30
40
|
|
@@ -208,11 +218,9 @@
|
|
208
218
|
|
209
219
|
|
210
220
|
|
221
|
+
|
222
|
+
|
211
|
-
|
223
|
+
------------------質問2------------------
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
■質問二つ目
|
216
224
|
|
217
225
|
|
218
226
|
|
@@ -220,7 +228,7 @@
|
|
220
228
|
|
221
229
|
今、
|
222
230
|
|
223
|
-
記事編集の時点(WPでいう[テキスト]タブの所)で上記のcss/htmlをそのままワンセットでいれてて反映させている状態です。(最後に入れる
|
231
|
+
記事編集の時点(WPでいう[テキスト]タブの所)で上記のcss/htmlをそのままワンセットでいれてて反映させている状態です。(最後に入れる表が綺麗に反映されますが、編集途中でstyle/cssの指定がなくなっちゃってシンプルになっちゃいます。)
|
224
232
|
|
225
233
|
今まで他の表を入れる時は、表の装飾等の指示をWP管理画面→テーマの編集→スタイルシート(style.css)で、表についての指示をしていたのですが、今回はなぜかそのようにしたとしてもうまく反映されません。
|
226
234
|
|
@@ -344,7 +352,7 @@
|
|
344
352
|
|
345
353
|
|
346
354
|
|
347
|
-
▼スタいる
|
355
|
+
▼スタいるシートに指示する上記のコードを入れた後、こんなhtmlを記事テキスト本文に入れました:
|
348
356
|
|
349
357
|
```
|
350
358
|
|
5
見やすく、わかりやすくしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,25 +14,21 @@
|
|
14
14
|
|
15
15
|
こちらのものを、自分が運営しているサイトの記事内に挿入した所
|
16
16
|
|
17
|
-
左側のbullet(△のマーク)の画像は反映されたのですが、なぜか、一番上の一行目(1列目・2列目の所)の背景画像が反映されていません。
|
17
|
+
一番最後にテキストタブでもらってきた表のcss/htmlをそのまま両方記事内に入れると左側のbullet(△のマーク)の画像は反映されたのですが、なぜか、一番上の一行目(1列目・2列目の所)の背景画像が反映されていません。
|
18
|
-
|
19
|
-
|
20
|
-
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
-
|
21
|
+
※しかし一度更新すると、崩れちゃって表が地味になり、表の装飾(本来ある△のマークや表の背景色等全部)が全部反映されなくなっちゃいます。
|
22
22
|
|
23
23
|
やはりスタイルシートに書き込まないといけないのかもしれません。)
|
24
24
|
|
25
25
|
|
26
26
|
|
27
|
-
原因分かる方教えて下さい。
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
27
|
+
△の所は反映させれたのですが一番上の一行目が反映させられなかったので何か間違っているおかもしれません。そこを直して頂き、コピペのできる状態だと大変ありがたいです・・・。
|
32
|
-
|
33
|
-
|
34
|
-
|
28
|
+
|
29
|
+
|
30
|
+
|
35
|
-
▼記事内に挿入したテーブルCSS/HTMLはこちらです
|
31
|
+
▼WPの記事内に挿入したテーブルCSS/HTMLはこちらです
|
36
32
|
|
37
33
|
|
38
34
|
|
@@ -212,7 +208,7 @@
|
|
212
208
|
|
213
209
|
|
214
210
|
|
215
|
-
[参照したサイトはこれです](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
211
|
+
[参照したサイトはこれで、本当はこんな風に表示させたいです](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
216
212
|
|
217
213
|
|
218
214
|
|
@@ -224,9 +220,9 @@
|
|
224
220
|
|
225
221
|
今、
|
226
222
|
|
227
|
-
記事編集の
|
223
|
+
記事編集の時点(WPでいう[テキスト]タブの所)で上記のcss/htmlをそのままワンセットでいれてて反映させている状態です。(最後に入れると大丈夫ですがちょっと記事をいじるだけで崩れちゃいます)
|
228
|
-
|
224
|
+
|
229
|
-
今まで他の表を入れる時は、
|
225
|
+
今まで他の表を入れる時は、表の装飾等の指示をWP管理画面→テーマの編集→スタイルシート(style.css)で、表についての指示をしていたのですが、今回はなぜかそのようにしたとしてもうまく反映されません。
|
230
226
|
|
231
227
|
何か間違えているのでしょうか・・・?それとも、この表はそういう指示が難しいのでしょうか?
|
232
228
|
|
@@ -234,7 +230,7 @@
|
|
234
230
|
|
235
231
|
|
236
232
|
|
237
|
-
▼スタイルシートに入れた
|
233
|
+
▼スタイルシート(style.css)に指示を入れた時、こんな風に書きました:
|
238
234
|
|
239
235
|
```
|
240
236
|
|
@@ -348,7 +344,7 @@
|
|
348
344
|
|
349
345
|
|
350
346
|
|
351
|
-
▼記事テキスト本文に入れた
|
347
|
+
▼スタいるしーとに入れた後、こんなhtmlを記事テキスト本文に入れました:
|
352
348
|
|
353
349
|
```
|
354
350
|
|
@@ -412,7 +408,11 @@
|
|
412
408
|
|
413
409
|
|
414
410
|
|
415
|
-
|
411
|
+
~まとめ~
|
412
|
+
|
413
|
+
・参考サイトと同じ表を自社サイトに入れたいです!
|
414
|
+
|
415
|
+
コピペでそのままス変えると大変助かります!
|
416
416
|
|
417
417
|
|
418
418
|
|
4
コードをバッククオートで囲みました。リンクもリンク表示させるようにしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,11 +4,7 @@
|
|
4
4
|
|
5
5
|
今、この記事の一番トップに置いている表についてですが、
|
6
6
|
|
7
|
-
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/
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
7
|
+
[この記事](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/)
|
12
8
|
|
13
9
|
|
14
10
|
|
@@ -40,6 +36,8 @@
|
|
40
36
|
|
41
37
|
|
42
38
|
|
39
|
+
```
|
40
|
+
|
43
41
|
<style type="text/css">
|
44
42
|
|
45
43
|
#mytable {
|
@@ -208,13 +206,13 @@
|
|
208
206
|
|
209
207
|
|
210
208
|
|
211
|
-
|
212
|
-
|
213
|
-
|
209
|
+
```
|
214
|
-
|
210
|
+
|
211
|
+
|
212
|
+
|
213
|
+
|
214
|
+
|
215
|
-
http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j
|
215
|
+
[参照したサイトはこれです](http://phpjavascriptroom.com/example.php?f=bW9kdWxlL2luY2x1ZGUvY3NzL2Nzc2Rlc2lnbl90YWJsZS9hX2Nzc19zdHlsZWRfdGFibGUuaW5j)
|
216
|
-
|
217
|
-
|
218
216
|
|
219
217
|
|
220
218
|
|
@@ -238,6 +236,8 @@
|
|
238
236
|
|
239
237
|
▼スタイルシートに入れた指示はこちらです:
|
240
238
|
|
239
|
+
```
|
240
|
+
|
241
241
|
/* --------------------------------------------------
|
242
242
|
|
243
243
|
sankaku Table ここからいれたもの表5つ目
|
@@ -340,6 +340,8 @@
|
|
340
340
|
|
341
341
|
|
342
342
|
|
343
|
+
```
|
344
|
+
|
343
345
|
|
344
346
|
|
345
347
|
|
@@ -348,6 +350,8 @@
|
|
348
350
|
|
349
351
|
▼記事テキスト本文に入れたhtmlはこちらです:
|
350
352
|
|
353
|
+
```
|
354
|
+
|
351
355
|
<table class="sankaku">
|
352
356
|
|
353
357
|
<tbody>
|
@@ -404,6 +408,8 @@
|
|
404
408
|
|
405
409
|
</table>
|
406
410
|
|
411
|
+
```
|
412
|
+
|
407
413
|
|
408
414
|
|
409
415
|
|
3
タイトル崩れ変更しました
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
WPで、表のcss/html入れ方について。分かる人には簡単だと思うのですが教えて頂けると大変助かります!
|
test
CHANGED
File without changes
|
2
表が反映されなくなり崩れたので追記を入れました
test
CHANGED
File without changes
|
test
CHANGED
@@ -22,6 +22,12 @@
|
|
22
22
|
|
23
23
|
|
24
24
|
|
25
|
+
(追記※一度更新すると、崩れちゃって表が地味になり、表の装飾が全部反映されなくなっちゃいます。
|
26
|
+
|
27
|
+
やはりスタイルシートに書き込まないといけないのかもしれません。)
|
28
|
+
|
29
|
+
|
30
|
+
|
25
31
|
原因分かる方教えて下さい。
|
26
32
|
|
27
33
|
|
1
urlミスを治しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
今、この記事の一番トップに置いている表についてですが、
|
6
6
|
|
7
|
-
http://datsumou-station.com/%E3%8
|
7
|
+
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/
|
8
8
|
|
9
9
|
|
10
10
|
|