質問編集履歴

4

デベロッパーツールをつかってみました。

2016/11/23 22:18

投稿

igakuseizyouhou
igakuseizyouhou

スコア11

test CHANGED
File without changes
test CHANGED
@@ -643,3 +643,17 @@
643
643
 
644
644
 
645
645
  htmlやcssの知識が少なく、不適切な質問で失礼しました。
646
+
647
+
648
+
649
+ ※追記2(11月21日)
650
+
651
+ デベロッパーツールを開けたところ以下のようになりました。
652
+
653
+ ![イメージ説明](44559d24707af020e7f41c65784f34b9.png)
654
+
655
+
656
+
657
+ このように、heightが79とかになっていて、色が薄くなっていて編集できません。
658
+
659
+ この79がどこから来たのかも分かりません。

3

こうですか\?\?何度もすみません。

2016/11/23 22:18

投稿

igakuseizyouhou
igakuseizyouhou

スコア11

test CHANGED
File without changes
test CHANGED
@@ -1,33 +1,33 @@
1
+ tpl_021_rwdのテーマを使っているのですが、行間(上の文字と下の文字の間隔)を開けることができません。
2
+
3
+
4
+
5
+ スマホ向けサイトでは正常に表示されるのですが、パソコンでのみ行間が狭いです。
6
+
7
+
8
+
9
+ lineheightなどをつかってスタイルシートの調整をしてもうまくいきません。どうすればいいか教えて欲しいです。
10
+
11
+
12
+
13
+ 追記
14
+
15
+ 情報が不十分で失礼しました。テーマを取得したサイトとURLは
16
+
17
+ [無料ホームページテンプレート.com](http://f-tpl.com/tpl_021_rwd/)
18
+
19
+ です。
20
+
21
+ このサイトの
22
+
23
+ 無料レスポンシブWordPressテーマNo.021というもの使っています。
24
+
25
+ ワードシートの外観→テーマの編集→スタイルシート(style.css)の
26
+
27
+ 最初が
28
+
1
29
  ```ここに言語を入力
2
30
 
3
- tpl_021_rwdのテーマを使っているのですが、行間(上の文字と下の文字の間隔)を開けることができません。
4
-
5
-
6
-
7
- スマホ向けサイトでは正常に表示されるのですが、パソコンでのみ行間が狭いです。
8
-
9
-
10
-
11
- lineheightなどをつかってスタイルシートの調整をしてもうまくいきません。どうすればいいか教えて欲しいです。
12
-
13
-
14
-
15
- 追記
16
-
17
- 情報が不十分で失礼しました。テーマを取得したサイトとURLは
18
-
19
- [無料ホームページテンプレート.com](http://f-tpl.com/tpl_021_rwd/)
20
-
21
- です。
22
-
23
- このサイトの
24
-
25
- 無料レスポンシブWordPressテーマNo.021というもの使っています。
26
-
27
- ワードシートの外観→テーマの編集→スタイルシート(style.css)の
28
-
29
- 最初が
30
-
31
31
  @charset "utf-8";
32
32
 
33
33
  /*
@@ -116,6 +116,8 @@
116
116
 
117
117
  }
118
118
 
119
+ ```
120
+
119
121
  となっていて、下から3行目のline heightのところの数値を大きくしても行間が変わりません。
120
122
 
121
123
 
@@ -124,6 +126,8 @@
124
126
 
125
127
 
126
128
 
129
+ ```ここに言語を入力
130
+
127
131
  /* タイポグラフィ
128
132
 
129
133
  *****************************************************/
@@ -342,10 +346,16 @@
342
346
 
343
347
  .alignleft{float:left;}
344
348
 
349
+ ```
350
+
351
+
352
+
345
353
 
346
354
 
347
355
  ※上の
348
356
 
357
+ ```ここに言語を入力
358
+
349
359
  .post table td{
350
360
 
351
361
  border-collapse:collapse;
@@ -362,6 +372,8 @@
362
372
 
363
373
  }
364
374
 
375
+ ```
376
+
365
377
  のところを変えてみました
366
378
 
367
379
 
@@ -372,6 +384,8 @@
372
384
 
373
385
 
374
386
 
387
+ ```ここに言語を入力
388
+
375
389
  /* PC用
376
390
 
377
391
  ------------------------------------------------------------*/
@@ -594,8 +608,12 @@
594
608
 
595
609
 
596
610
 
611
+ ```
612
+
597
613
  ※上の部分のheightを変えてみました。
598
614
 
615
+ ```ここに言語を入力
616
+
599
617
  nav#mainNav li li:last-child{border:0;}
600
618
 
601
619
 
@@ -618,10 +636,10 @@
618
636
 
619
637
 
620
638
 
639
+ ```
640
+
621
641
  最終的にwordをつかって、line heightと調べ、片っ端から全部大きくしてみましたが、変化はありませんでした。
622
642
 
623
643
 
624
644
 
625
645
  htmlやcssの知識が少なく、不適切な質問で失礼しました。
626
-
627
- ```

2

コードブロックさせていただきました。何度もすみません

2016/11/23 13:53

投稿

igakuseizyouhou
igakuseizyouhou

スコア11

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,5 @@
1
+ ```ここに言語を入力
2
+
1
3
  tpl_021_rwdのテーマを使っているのですが、行間(上の文字と下の文字の間隔)を開けることができません。
2
4
 
3
5
 
@@ -621,3 +623,5 @@
621
623
 
622
624
 
623
625
  htmlやcssの知識が少なく、不適切な質問で失礼しました。
626
+
627
+ ```

1

具体的に行ったスタイルシートのソースコードを記載させていただきました。不備が多く大変失礼しました。

2016/11/23 11:42

投稿

igakuseizyouhou
igakuseizyouhou

スコア11

test CHANGED
File without changes
test CHANGED
@@ -7,3 +7,617 @@
7
7
 
8
8
 
9
9
  lineheightなどをつかってスタイルシートの調整をしてもうまくいきません。どうすればいいか教えて欲しいです。
10
+
11
+
12
+
13
+ 追記
14
+
15
+ 情報が不十分で失礼しました。テーマを取得したサイトとURLは
16
+
17
+ [無料ホームページテンプレート.com](http://f-tpl.com/tpl_021_rwd/)
18
+
19
+ です。
20
+
21
+ このサイトの
22
+
23
+ 無料レスポンシブWordPressテーマNo.021というもの使っています。
24
+
25
+ ワードシートの外観→テーマの編集→スタイルシート(style.css)の
26
+
27
+ 最初が
28
+
29
+ @charset "utf-8";
30
+
31
+ /*
32
+
33
+ Theme Name: tpl_021_rwd
34
+
35
+ Theme URI: http://theme.o2gp.com/
36
+
37
+ Description: tpl_021_rwd
38
+
39
+ Version: 1.0
40
+
41
+ Author: o2 Group
42
+
43
+ Author URI: http://theme.o2gp.com/
44
+
45
+ Tags: simple
46
+
47
+
48
+
49
+ o2 Group v1.0
50
+
51
+ http://theme.o2gp.com/
52
+
53
+
54
+
55
+ This theme was designed and built by o2 Group,
56
+
57
+ whose blog you will find at http://theme.o2gp.com/
58
+
59
+
60
+
61
+ The CSS, XHTML and design is released under GPL:
62
+
63
+ http://www.opensource.org/licenses/gpl-license.php
64
+
65
+
66
+
67
+ */
68
+
69
+
70
+
71
+ /* =Reset default browser CSS.
72
+
73
+ Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
74
+
75
+ -------------------------------------------------------------- */
76
+
77
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
78
+
79
+ :focus{outline:0;}
80
+
81
+
82
+
83
+ ol, ul{list-style:none;}
84
+
85
+ table{border-collapse:separate;border-spacing:0;}
86
+
87
+ caption, th, td{font-weight:normal;text-align:left;}
88
+
89
+ blockquote:before, blockquote:after,q:before, q:after{content:"";}
90
+
91
+ blockquote, q{quotes:"" "";}
92
+
93
+ a img{border:0;}
94
+
95
+ figure{margin:0}
96
+
97
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
98
+
99
+ /* -------------------------------------------------------------- */
100
+
101
+ <meta name="google-site-verification" content="3uP-cvmQXVIEfk21Pbdc6Ex_HcpHG-gtLCYyO7TXxU8" />
102
+
103
+ body{
104
+
105
+ color:#333;
106
+
107
+ font-size:12px;
108
+
109
+ font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","MS 明朝","MS PGothic",Sans-Serif;
110
+
111
+ line-height:30;
112
+
113
+ -webkit-text-size-adjust:100%;
114
+
115
+ }
116
+
117
+ となっていて、下から3行目のline heightのところの数値を大きくしても行間が変わりません。
118
+
119
+
120
+
121
+ また、タイポグラフィーのところの真ん中のあたりにあるline heightも変えてみたのですが、変わりません
122
+
123
+
124
+
125
+ /* タイポグラフィ
126
+
127
+ *****************************************************/
128
+
129
+ .dateLabel{
130
+
131
+ margin:0 0 10px;
132
+
133
+ text-align:right;
134
+
135
+ font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
136
+
137
+ }
138
+
139
+
140
+
141
+ .post p{padding-bottom:15px;}
142
+
143
+
144
+
145
+ .post ul{margin:0 0 10px 10px;}
146
+
147
+
148
+
149
+ .post ul li{
150
+
151
+ margin-bottom:5px;
152
+
153
+ padding-left:15px;
154
+
155
+ background:url(images/bullet.png) no-repeat 0 8px;
156
+
157
+ }
158
+
159
+
160
+
161
+ .post ol{margin:0 0 10px 30px;}
162
+
163
+
164
+
165
+ .post ol li{list-style:decimal;}
166
+
167
+
168
+
169
+ .post h1{
170
+
171
+ margin:20px 0;
172
+
173
+ padding:5px 0;
174
+
175
+ font-size:100%;
176
+
177
+ color:#000;
178
+
179
+ border-bottom:3px solid #cf6a88;
180
+
181
+ }
182
+
183
+
184
+
185
+ .post h2{
186
+
187
+ margin:10px 0;
188
+
189
+ padding-bottom:2px;
190
+
191
+ font-size:100%;
192
+
193
+ font-weight:normal;
194
+
195
+ color:#333;
196
+
197
+ border-bottom:2px solid #cf6a88;
198
+
199
+ }
200
+
201
+
202
+
203
+ .post h3{
204
+
205
+ margin:10px 0;
206
+
207
+ font-size:100%;
208
+
209
+ font-weight:normal;
210
+
211
+ color:#777;
212
+
213
+ border-bottom:1px solid #cf6a88;
214
+
215
+ }
216
+
217
+
218
+
219
+ .post blockquote{
220
+
221
+ clear:both;
222
+
223
+ padding:10px 0 10px 15px;
224
+
225
+ margin:10px 0 25px 30px;
226
+
227
+ border-left:5px solid #ccc;
228
+
229
+ }
230
+
231
+
232
+
233
+ .post blockquote p{padding:5px 0;}
234
+
235
+
236
+
237
+ .post table{
238
+
239
+ border-collapse:collapse;
240
+
241
+ margin:5px auto 15px auto;
242
+
243
+ }
244
+
245
+
246
+
247
+ .post table td{
248
+
249
+ border-collapse:collapse;
250
+
251
+ background-color:#F9F9F9;
252
+
253
+ text-align:left;
254
+
255
+ padding:8px;
256
+
257
+ border:1px solid #D6D6D6;
258
+
259
+ line-height:20px;
260
+
261
+ }
262
+
263
+
264
+
265
+ .post table th{
266
+
267
+ background-color:#F5F5F5;
268
+
269
+ text-align:right;
270
+
271
+ padding:8px;
272
+
273
+ white-space:nowrap;
274
+
275
+ color: #151515;
276
+
277
+ border-top:1px solid #D4D4D4;
278
+
279
+ border-right:4px solid #D4D4D4;
280
+
281
+ border-bottom:1px solid #D4D4D4;
282
+
283
+ border-left:1px solid #D4D4D4;
284
+
285
+ font-size:13px;
286
+
287
+ font-weight:normal;
288
+
289
+ letter-spacing:1.5px;
290
+
291
+ background-repeat:repeat-x;
292
+
293
+ background-position:top;
294
+
295
+ }
296
+
297
+
298
+
299
+
300
+
301
+ .post dt{font-weight:bold;}
302
+
303
+
304
+
305
+ .post dd{padding-bottom:10px;}
306
+
307
+
308
+
309
+ .post img{max-width:100%;height:auto;}
310
+
311
+
312
+
313
+ img.aligncenter{
314
+
315
+ display:block;
316
+
317
+ margin:5px auto;
318
+
319
+ }
320
+
321
+
322
+
323
+ img.alignright, img.alignleft{
324
+
325
+ padding:4px;
326
+
327
+ margin:0 0 2px 7px;
328
+
329
+ display:inline;
330
+
331
+ }
332
+
333
+
334
+
335
+ img.alignleft{margin:0 7px 2px 0;}
336
+
337
+
338
+
339
+ .alignright{float:right;}
340
+
341
+ .alignleft{float:left;}
342
+
343
+
344
+
345
+ ※上の
346
+
347
+ .post table td{
348
+
349
+ border-collapse:collapse;
350
+
351
+ background-color:#F9F9F9;
352
+
353
+ text-align:left;
354
+
355
+ padding:8px;
356
+
357
+ border:1px solid #D6D6D6;
358
+
359
+ line-height:20px;
360
+
361
+ }
362
+
363
+ のところを変えてみました
364
+
365
+
366
+
367
+ また、
368
+
369
+ PC用のところも変えてみましたができませんでした。
370
+
371
+
372
+
373
+ /* PC用
374
+
375
+ ------------------------------------------------------------*/
376
+
377
+ @media only screen and (min-width:960px){
378
+
379
+ nav div.panel{
380
+
381
+ display:block !important;
382
+
383
+ float:left;
384
+
385
+ }
386
+
387
+
388
+
389
+ a#menu{display:none;}
390
+
391
+
392
+
393
+ nav#mainNav{
394
+
395
+ clear:both;
396
+
397
+ z-index:200;
398
+
399
+ position:relative;
400
+
401
+ }
402
+
403
+
404
+
405
+ nav#mainNav .inner{
406
+
407
+ width:932px;
408
+
409
+ padding:0 20px;
410
+
411
+ }
412
+
413
+
414
+
415
+ nav#mainNav ul li{
416
+
417
+ float:left;
418
+
419
+ position:relative;
420
+
421
+ }
422
+
423
+ nav#mainNav li:last-child{border-right:1px dotted #D6D6D6;}
424
+
425
+
426
+
427
+ nav#mainNav ul li a{
428
+
429
+ display: block;
430
+
431
+ text-align: center;
432
+
433
+ _float:left;
434
+
435
+ font-size:14px;
436
+
437
+ width:154px;
438
+
439
+ height:30px;
440
+
441
+ padding-top:10px;
442
+
443
+ color:#333;
444
+
445
+ border-left:1px dotted #D6D6D6;
446
+
447
+ }
448
+
449
+
450
+
451
+ nav#mainNav ul li a span,nav#mainNav ul li a strong{display:block;}
452
+
453
+
454
+
455
+ nav#mainNav ul li a span{
456
+
457
+ color:#cdcdcd;
458
+
459
+ font-size:12px;
460
+
461
+ }
462
+
463
+
464
+
465
+ nav#mainNav ul ul{width:160px;background:#f9f9f9;}
466
+
467
+ nav#mainNav ul li ul{display:none;}
468
+
469
+
470
+
471
+ nav#mainNav ul li:hover ul{
472
+
473
+ display:block;
474
+
475
+ position:absolute;
476
+
477
+ top:45px;
478
+
479
+ left:-2px;
480
+
481
+ z-index:500;
482
+
483
+ }
484
+
485
+
486
+
487
+ nav#mainNav ul li li{
488
+
489
+ margin:0;
490
+
491
+ float:none;
492
+
493
+ width:160px;
494
+
495
+ border:0;
496
+
497
+ }
498
+
499
+ nav#mainNav li li:last-child{border:0;}
500
+
501
+
502
+
503
+ nav#mainNav ul li li a{
504
+
505
+ width:auto;
506
+
507
+ height:auto;
508
+
509
+ padding:20px;
510
+
511
+ font-size:95%;
512
+
513
+ text-align:left;
514
+
515
+ border:0;
516
+
517
+ }
518
+
519
+
520
+
521
+ nav#mainNav ul li li span{padding:0 10px;}
522
+
523
+
524
+
525
+ nav#mainNav li.current-menu-item li a{
526
+
527
+ color:#333;
528
+
529
+ }
530
+
531
+
532
+
533
+ nav#mainNav li.current-menu-item a,nav#mainNav li a:hover,nav#mainNav li.current-menu-item li a:hover{
534
+
535
+ color:#909090;
536
+
537
+ background:#f9f9f9;
538
+
539
+ padding-top:10px;
540
+
541
+ }
542
+
543
+
544
+
545
+ #mainBanner{margin-left:15px;}
546
+
547
+
548
+
549
+ #header,#wrapper,.inner{
550
+
551
+ width:960px;
552
+
553
+ padding:0;
554
+
555
+ margin:0 auto;
556
+
557
+ }
558
+
559
+
560
+
561
+ #wrapper{padding-bottom:20px;}
562
+
563
+
564
+
565
+ #main{
566
+
567
+ float:right;
568
+
569
+ width:717px;
570
+
571
+ padding:15px 15px 15px 0;
572
+
573
+ }
574
+
575
+
576
+
577
+ #sidebar{
578
+
579
+ float:left;
580
+
581
+ width:195px;
582
+
583
+ padding:15px 0 15px 15px;
584
+
585
+ overflow:hidden;
586
+
587
+ }
588
+
589
+
590
+
591
+ .logo{width:500px;}
592
+
593
+
594
+
595
+ ※上の部分のheightを変えてみました。
596
+
597
+ nav#mainNav li li:last-child{border:0;}
598
+
599
+
600
+
601
+ nav#mainNav ul li li a{
602
+
603
+ width:auto;
604
+
605
+ height:auto;
606
+
607
+ padding:20px;
608
+
609
+ font-size:95%;
610
+
611
+ text-align:left;
612
+
613
+ border:0;
614
+
615
+ }
616
+
617
+
618
+
619
+ 最終的にwordをつかって、line heightと調べ、片っ端から全部大きくしてみましたが、変化はありませんでした。
620
+
621
+
622
+
623
+ htmlやcssの知識が少なく、不適切な質問で失礼しました。