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

質問編集履歴

6

見やすく、そして画像も追加で入れました。

2016/08/05 03:27

投稿

amamiya_yaf
amamiya_yaf

スコア13

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
+ ![こんな感じに崩れて、シンプルな表になっちゃってます](5bf25ba758bff7dc7b0f2be5485a3563.png)
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
- ▼スタいるに入れた後、こんなhtmlを記事テキスト本文に入れました:
178
+ ▼スタいる指示する上記のコードを入れた後、こんなhtmlを記事テキスト本文に入れました:
175
179
  ```
176
180
  <table class="sankaku">
177
181
  <tbody>

5

見やすく、わかりやすくしました

2016/08/05 03:27

投稿

amamiya_yaf
amamiya_yaf

スコア13

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
- 記事編集の所の[テキスト]タブで上記のhtmlをいれてて反映させている状態です。
112
+ 記事編集の時点(WPでいう[テキスト]タブの所)で上記のcss/htmlをそのままワンセットでいれてて反映させている状態です。(最後に入れると大丈夫ですがちょっと記事をいじるだけで崩れちゃいます)
115
- 今まで他の表を入れる時は、あらかじめ表の名前を決めておいて、表の装飾等の指示をWP管理画面→テーマの編集→スタイルシート(style.css)で、表についての指示をしていたのですが、今回はなぜかうまく反映されません。
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
- ▼記事テキスト本文に入れたhtmlはこちらです
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

コードをバッククオートで囲みました。リンクもリンク表示させるようにしました。

2016/08/03 08:21

投稿

amamiya_yaf
amamiya_yaf

スコア13

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

タイトル崩れ変更しました

2016/08/03 08:11

投稿

amamiya_yaf
amamiya_yaf

スコア13

title CHANGED
@@ -1,1 +1,1 @@
1
- <WPで、表のcss/html入れ方について>分かる人には簡単だと思うのですが教えて頂けると大変助かります!
1
+ WPで、表のcss/html入れ方について分かる人には簡単だと思うのですが教えて頂けると大変助かります!
body CHANGED
File without changes

2

表が反映されなくなり崩れたので追記を入れました

2016/08/03 07:48

投稿

amamiya_yaf
amamiya_yaf

スコア13

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ミスを治しました

2016/08/03 07:44

投稿

amamiya_yaf
amamiya_yaf

スコア13

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,7 @@
1
1
  質問が2つ、あります!
2
2
 
3
3
  今、この記事の一番トップに置いている表についてですが、
4
- http://datsumou-station.com/%E3%82%A8%E3%82%B9%E3%83%86%E8%84%B1%E6%AF%9B%E3%81%A3%E3%81%A6%E5%A4%A7%E4%B8%88%E5%A4%AB%EF%BC%9F%E5%85%89%E8%84%B1%E6%AF%9B%E3%81%AE%E5%8A%B9%E6%9E%9C%E3%81%A8%E3%81%AF/?preview_id=672&preview_nonce=71a438493b&preview=true
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